Аббревиатура a11y — сокращение от слова accessibility, доступность, где цифра 11 заменяет одиннадцать букв между первой и последней. За этим термином стоит простая идея: сайтом должно быть удобно пользоваться независимо от того, как именно человек с ним взаимодействует — мышью, клавиатурой, скринридером или сенсорным экраном.
Начинать разбираться в доступности лучше всего не с экзотических технических атрибутов, а с базовой семантической разметки — правильно использованные теги заголовков, кнопок, ссылок и полей форм уже закрывают значительную часть типичных проблем без единой дополнительной строчки специального кода.
Проверка навигации по странице только с клавиатуры, без мыши, — простой и показательный тест. Если клавишей Tab невозможно добраться до какого-то важного интерактивного элемента, или совсем не видно, какой элемент сейчас в фокусе, это явный признак проблемы, которую стоит поправить в первую очередь.
Контраст текста относительно фона — ещё одна база, которую легко проверить даже без специальных инструментов, хотя специальные инструменты, конечно, делают это быстрее и точнее. Бледно-серый текст на белом фоне может выглядеть стильно на макете, но читать его на практике часто некомфортно.
Alt-тексты у изображений, понятные подписи у полей форм, достаточно крупная область клика у кнопок на сенсорных экранах — всё это не требует глубоких знаний, но заметно улучшает опыт использования сайта для широкого круга людей, а не только для тех, у кого есть особые потребности.
Доступность — это не разовая задача, которую делают один раз и забывают, а скорее привычка, которая постепенно встраивается в повседневную работу над версткой, наравне с проверкой адаптивности или кроссбраузерности.
Хорошая отправная точка для более глубокого погружения в тему — материалы A11Y Project, сообщества, которое собирает практические рекомендации по доступности веба.
