Запись a11y значит, что между буквами «a» и «y» пропущено 11 букв. Приём используют для упрощения сложных слов. Например, i18n — internationalization.
Доступность (accessibility, a11y) — это возможность использования продукта людьми с ограниченными возможностями. Если коротко — нужно, чтобы даже человек с ограниченными возможностями смог понять, что написано и изображено на сайте, воспользоваться кнопками, ссылками, формами и другим важным функционалом.
Запись a11y значит, что между буквами «a» и «y» пропущено 11 букв. Приём используют для упрощения сложных слов. Например, i18n — internationalization.
В широком смысле «ограниченные возможности» — это не только ограничения по здоровью, но и вообще любые условия, в которых возможности человека ограничены. Сюда можно отнести и сломавшуюся компьютерную мышь, и монитор с плохой цветопередачей, и даже яркое солнце на улице, ухудшающее видимость экрана.
Три основных требования для обеспечения доступности сайта:
Линейная структура ХТМЛ‑разметки, правильная семантика тегов. Подходящие по смыслу теги для текста, заголовков, шапки, подвала, навигации и разных секций страницы. Содержимое сайта должно нормально читаться с отключёнными ЦСС‑стилями — именно так сайт увидят программы чтения с экрана, которыми пользуются слабовидящие люди.
Дополнительная уточняющая разметка. Например, атрибут
altдля описания содержимого картинок илиaria-labelдля обозначения смысла кнопок‑иконок без текста внутри. Уточняющая разметка так же нужна для правильной работы программ чтения с экрана.Системный и предсказуемый интерфейс, здравый смысл в дизайне в целом. Отсутствие нестандартных элементов управления, неочевидных интерфейсных приёмов, феерии спецэффектов, громких звуков, мельтешения анимации, мелкого или неконтрастного текста на грани читаемости. Такие вещи усложнят работу с сайтом даже здоровому человеку и могут стать непреодолимой преградой для человека с ограниченными возможностями.
Веблайнд
Подробно о доступности лучше меня написали студенты Школы бюро в дипломном проекте «Веблайнд» — сборнике рекомендаций по разработке сайтов для людей с нарушениями зрения. Сборник опирается на российские и зарубежные стандарты доступности сайтов и составлен при поддержке серьёзных экспертов по теме.
При разработке сайта программа минимум — учитывать основные требования, которые я написал выше. Если есть возможность — развивайте и улучшайте доступность. Подробные инструкции читайте в «Веблайнде».
См. также:
P. S. Это был совет о веб‑разработке. Хотите знать всё о коде, тестах, фронтенд‑разработке, цеэсэсе, яваскрипте, рельсах и джейде? Присылайте вопросы.