вкладки ролей aria с кнопками со стрелками

В WCAG есть отличный шаблон для реализации вкладок с панелями вкладок здесь

Он использует «перемещающийся указатель вкладок» и клавиши со стрелками на клавиатуре для переключения между вкладками. Это отлично работает, но недавно я получил запрос на создание виджета вкладок / вкладок, который показывает только одну вкладку за раз и имеет кнопки со стрелками «предыдущая» и «следующая» для циклического перехода между вкладками.

Визуально кнопки со стрелками находятся по обе стороны от активной вкладки. Но с точки зрения порядка табуляции в шаблоне проектирования WCAG специально указано, что панель вкладок, связанная с активной вкладкой, должна следовать за ней в порядке табуляции.

Будет ли нарушением каких-либо правил доступности добавить эти новые навигационные кнопки со стрелками в виджет, если я гарантирую, что их порядок табуляции до или после вкладок / панелей вкладок? Я полагаю, что функциональность клавиатуры может остаться такой, как сейчас (с помощью клавиш со стрелками для переключения между вкладками)


javascript html accessibility web-accessibility wai-aria
person slopps    schedule 16.06.2018    source источник

Ответы (1)


arrow_upward
3
arrow_downward

Я слепой пользователь программы чтения с экрана. Я бы сохранил клавиши со стрелками влево / вправо, чтобы перемещаться по вкладкам как обычно, и вообще не делал бы ваши кнопки со стрелками фокусируемыми.

Мои аргументы в пользу этого следующие:

  • Ваши кнопки со стрелками управляют прокруткой и прокруткой - это чисто визуальный материал
  • Обычно, как пользователь программы чтения с экрана, у нас нет доступа к кнопкам на полосах прокрутки с клавиатуры. Для нас это совершенно прозрачно.

ЕСЛИ вы берете, например, многострочную текстовую область, стрелка вниз всегда переходит на следующую строку, независимо от того, находится ли в данный момент курсор в нижней части экрана. У нас нет ничего особенного, и особенно нам не нужно вручную нажимать кнопку со стрелкой вниз на полосе прокрутки. Курсор переходит на следующую строку, и текстовое содержимое автоматически прокручивается на одну строку вниз, если это необходимо.

То же самое происходит с элементом управления вкладками, если их слишком много, чтобы поместиться в одной строке. В этом случае в популярных настольных библиотеках графического интерфейса пользователя можно выбрать отображение кнопок со стрелками прокрутки или сделать вкладки занимающими несколько строк. Он никогда не меняет способ навигации: клавиши со стрелками влево и вправо всегда переходят к следующей или предыдущей вкладке, независимо от того, что должно происходить визуально.

В качестве бонуса обычно, когда вы нажимаете кнопку полосы прокрутки, фокус не переходит на кнопку; он немедленно возвращается к реальному содержимому, то есть к тексту в текстовой области или к текущей активной вкладке для элемента управления вкладкой. Это одно или несколько подтверждений того, что кнопки прокрутки не должны вводиться в порядке табуляции.

В качестве еще одного бонуса, учитывая, что вы реализуете кнопки прокрутки самостоятельно, вы также должны реагировать на колесо мыши.

person QuentinC    schedule 16.06.2018
comment
Это отличная информация, большое спасибо за то, что нашли время! Я задавался вопросом, сработает ли просто сделать кнопки со стрелками не фокусируемыми. Простое и элегантное решение. Спасибо еще раз! - person slopps; 16.06.2018