Добавление tabindex ко всем DIVs

Question

Я знаю, что элементы DIV и P не являются неотъемлемо настраиваемыми и могут быть сделаны одним, добавив атрибут tabindex. Я пытаюсь сделать веб-сайт с поддержкой Screen Reader и задаюсь вопросом, нужно ли иметь на своем сайте табуиндекс для каждого DIV и P на моем сайте, чтобы программное обеспечение для чтения на экране, такое как JAWS, NVDA и Chrome Vox, могло читать его содержимое.

Прямо сейчас, используя Chrome Vox, он не читает содержимое абзаца, если у меня нет атрибута «tabindex = 0». Я тестирую его неправильно? Используют ли пользователи, использующие программное обеспечение для чтения экрана, какой-либо другой способ прочитать содержимое страницы, а затем нажать вкладку, чтобы переключить фокус с элемента на элемент?

Answer 1

Только управление, которое вы хотите, чтобы люди взаимодействовать с (например, щелчком или введите) должны быть сфокусированы.

Вам не нужно делать их фокусируемыми, чтобы их можно было читать (и ни один экранный ридер, который я когда-либо тестировал (который не включает Vox), не требовал его).

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

---

Из документации Chrome Vox:

Для навигации по тексту на экране, вы можете использовать клавиши-модификаторы ChromeVox. В ChromeBook клавишами ChromeVox являются Shift и Search, в Mac OS X ключи ChromeVox - это Control and Command, а на других платформах, таких как Windows, ключи ChromeVox - Control и Alt. Для перемещения по странице нажмите клавиши ChromeVox рядом со стрелками вверх и вниз для перемещения по странице.

Answer 2

вы только должны положить TabIndex = «- 1» на div тегах, которые являются мишенью ссылки якорного

<a href="#targetanchor">Go to anchor</a> 
[...] 
<div id="targetanchor" tabindex="-1"> 

Использования ChromeVox, у вас есть список ярлык для навигации по странице о котором вы должны знать, см. здесь: http://www.chromevox.com/en/keyboard_shortcuts.html (ChromeVox + Вниз для перехода назад, например)