Вкладка не работает .... соответствуют ли клавиши со стрелками?

Question

Что касается доступности, используются ли клавиши со стрелками вместо вкладки в форме с несколькими переключателями, считающимися совместимыми? Или это должно учитывать табуляции? Я делаю тест, и вкладка идет только к первой радиокнопке, а затем прямо к кнопке отправки, пропуская остальные три параметра. Но используя клавиши со стрелками, он будет переключаться между всеми вариантами ответа на вопрос.

Answer 1

Использование клавиш со стрелками считается совместимым с некоторой помощью. Назначение role=radiogroup позволит человеку с ослабленным зрением узнать, что есть несколько вариантов выбора.

Кроме того, присвоение role="radio" aria-checked="false" каждой опции поможет программам чтения с экрана узнать, что проверено, а что нет.

Пример полного кода:

<div role="radiogroup" aria-labelledby="gdesc1">
  <h3>Pizza Crust</h3>
  <div role="radio" aria-checked="false" tabindex="0">
    Regular crust 
  </div>
 <div role="radio" aria-checked="false" tabindex="-1">
   Deep dish 
 </div>
 <div role="radio" aria-checked="false" tabindex="-1">
   Thin crust 
 </div>

Оформить заказ w3

Answer 2

Да, это ожидаемое поведение переключателей. Группа переключателей представляет собой одно место в порядке вкладок, а клавиши со стрелками обеспечивают средства выбора внутри группы переключателей.

Использование радиовходов в формате HTML является наиболее предпочтительным, поскольку веб-браузеры автоматически настраивают это поведение, поэтому нет ничего особенного, что вам нужно делать с JavaScript. См. Первое правило использования ARIA .

Если вы не используете HTML-радиовходы, следуйте шаблону Radio Group из WAI-ARIA Authoring Practices , который описывает ожидаемое поведение клавиатуры и семантику ARIA, которые вам нужно реализовать с помощью JavaScript , Реализации образцов также доступны для изучения.

Answer 3

Элементы управления формой для радиоэлементов ограничены только клавишами со стрелками.

Вы не можете на самом деле «вкладывать» через радиоуправление.

Чтобы ответить на ваш вопрос, клавиши со стрелками совместимы