Как работают веб-браузеры — создание дерева доступности (часть 6, с иллюстрациями)🌴🐱💻

Помимо всех этих деревьев, о которых мы говорили до сих пор (DOM, CSSOM и AST), браузеры также строят нечто, называемое деревом доступности.

Accessibility (often abbreviated to A11y — as in, "a", then 11 characters, and then "y") in web development means enabling as many people as possible to use websites, even when those people's abilities are limited in some way. For many people, technology makes things easier. For people with disabilities, technology makes things possible. Accessibility means developing content to be as accessible as possible, no matter an individual's physical and cognitive abilities and how they access the web (ACT).

6. ПОСТРОЕНИЕ ДЕРЕВА ДОСТУПНОСТИ

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

С помощью DOM строится дерево доступности, которое впоследствии будет использоваться вспомогательными устройствами для анализа и интерпретации содержимого посещаемой нами веб-страницы. ACT — это семантическая версия DOM, которая обновляется каждый раз, когда обновляется DOM. Каждый элемент DOM, который должен быть открыт для вспомогательных технологий, будет иметь узел-корреспондент в ACT. Пока ACT не построен, содержимое недоступно для считывателей экрана.

Чтобы посмотреть, как на самом деле выглядит дерево доступности, можно использовать Google Chrome, перейдя на выбранную вами страницу. Откройте отладчик (F12) и перейдите на вкладку Elements. Там, с правой стороны, выберите панель Accessibility.

Я зашел в Google и проверил поисковый ввод, и вот что я получил в панели Accessibility pane в разделе Computed:

Важность использования семантического HTML выходит за рамки этой статьи, но как разработчики, мы все должны помнить, что создаваемые нами сайты должны быть доступны для всех, кто хочет ими пользоваться. Если вы хотите прочитать больше на эту тему, хорошую вводную статью о веб-доступности можно найти здесь. По данным Специальной группы по доступности Интернета (The Internet Society Accessibility Special Interest Group), в настоящее время в мире насчитывается более 1,3 миллиарда человек — около 15 процентов населения Земли — с теми или иными формами инвалидности.

Ссылки на ресурсы:

  • w3.org — Введение в веб-доступность
  • MDN Web Docs — Доступность
  • Роли WAI-ARIA

Оцените статью
Procodings.ru
Добавить комментарий