Доступность - вкладка не соответствует программе чтения с экрана

Question

Я пытаюсь проверить доступность веб-страницы.

Я использую Apple Voice Over в качестве программы чтения с экрана на моем MacBook, и если я использую сочетания клавиш поверх голоса, все работает нормально. Я могу использовать голосовые ярлыки (Ctrl + опция + клавиши со стрелками), чтобы просмотреть все элементы страницы.

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

Это нормально? Это приемлемо?

Answer 1

Это совершенно нормально, и это действительно ожидаемое поведение.

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

Программа чтения с экрана позволяет фокусировать практически любой контент на странице, если он не игнорируется программой чтения с экрана (с использованием цикла aria-hidden="true" for example), and its behaviour can't really be compared to the tab`.

Использование tab на веб-странице просто позволяет циклически переключаться между элементами, которые считаются интерактивными (т.е. фокусируемыми).

Текстовые элементы, такие как span, абзацы и даже заголовки, не считаются фокусируемыми, если они не настроены явно. Например, указание атрибута tabindex является одним из простых способов сделать элемент фокусируемым.

HTML 5.1 - Взаимодействие с пользователем - Focus подробно описывает механизм focus и заслуживает прочтения.

Обратите внимание, что aria-hidden и tabindex можно использовать, чтобы сделать элементы фокусируемыми с помощью клавиатуры, но не обрабатываемыми программой чтения с экрана, или наоборот.