Доступность: что это на самом деле проверяет

Про доступность думают как про пандус: полезно, дорого, делается в конце, если останется время. Отсюда и результат — не делается.

Полезно смотреть на неё иначе. Доступность — это проверка того, что страница устроена, а не нарисована. Экранная читалка, клавиатура и поисковый робот читают одно и то же: заголовки по уровням, ссылки с текстом, поля с подписями, порядок фокуса. Если читалке непонятно, то и роботу непонятно, а человеку с мышкой просто повезло.

Четыре вещи, которые ломают чаще всего

**Заголовки как размер, а не как уровень.** `h1` выбирают потому, что крупный, а не потому, что это тема страницы. Документ с тремя `h1` и без `h2` — документ без оглавления: и читалка, и поиск идут по нему наощупь.

**Ссылка без текста.** Иконка-стрелка без подписи читается как «ссылка». Куда — неизвестно. Читалка предлагает список ссылок страницы, и в нём двенадцать одинаковых слов.

**Контраст на глаз.** Серое по белому выглядит стильно и измеряется как нечитаемое. Это единственная часть доступности, которую можно посчитать заранее, и именно её чаще всего не считают.

**Фокус, который не видно.** Обводку вокруг активного элемента снимают первой, потому что она «портит вид». После этого сайтом нельзя пользоваться с клавиатуры: человек нажимает Tab и не понимает, где находится.

Что здесь делает шаблон

Контраст пары «чернила на фоне» и подписи на кнопке считаются, а не подбираются: не проходит — проверка падает. Заголовки в секциях расставлены по уровням, а не по кеглю, и на каждой странице ровно один первый уровень. Логические свойства вместо «слева» и «справа» — поэтому арабская локаль переворачивается целиком, а не наполовину.

Ничего из этого не делает сайт доступным автоматически: живого человека с клавиатурой это не заменяет. Но всё, что можно посчитать, посчитано до того, как страница уехала.