Конечные получатели выгоды от доступности — пользователи с ограниченными возможностями. Но Нолан Лоусон приводит свои эгоистичные причины создания доступных интерфейсов с преимуществами для разработчиков.
Отладка
Когда разметка состоит из
<div>-ов с нечитаемыми хэш-классами, в ней трудно ориентироваться и находить нужные элементы при отладке. Семантическая разметка с ARIA-атрибутами более читаемая и удобная для отладки в браузере.Именование
«Автокомплит»? «Дропдаун»? «Пикер»? Члены команды могут использовать разные названия для UI-элементов. Руководство ARIA предлагает названия для распространённых UI-элементов, чтобы говорить на одном языке.
Состояния
Часто состояния элементов задаются в виде динамически изменяемых CSS-классов:
current, selected, has-dropdown. Вместо них можно использовать ARIA-атрибуты: aria-current="page", aria-selected="true", aria-haspopup="true".Тестирование
В UI-тестировании для поиска элементов используются классы, текст и
data-* атрибуты. При семантической разметке c ARIA-атрибутами в качестве якорей можно использовать роли, состояния и свойства элементов. Об этом есть свежий доклад.Опытные пользователи
Многие профессиональные пользователи используют клавиатуру при взаимодействии с интерфейсом для ускорения работы. Доступные UI-элементы с клавиатурной навигацией позволяют пользоваться интерфейсом быстрее.
***
От доступности выигрывают не только пользователи с ограниченными возможностями, но также разработчики, тестировщики и пользователи без ограничений здоровья. Это ещё один довод в пользу внедрения доступности.
#a11y #ux
