Вкладки роли арии со стрелками

Question

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

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

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

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

Answer 1

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

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

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

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

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

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

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