Доступность вёрстки
Проверяет HTML-разметку на доступность: подписи полей, замещающий текст, порядок заголовков, работу с клавиатуры, контраст в стилях.
Что делает
Проверяет HTML-разметку на доступность: подписи полей, замещающий текст, порядок заголовков, работу с клавиатуры, ориентиры для экранного диктора. По каждой находке говорит, кому именно она мешает — незрячему, человеку без мыши или слабовидящему — и даёт кусок кода до и после. Инструмент разбирает только присланный фрагмент. Он не ходит по ссылке и не догадывается, что находится в остальной части страницы: доступность живёт в атрибутах разметки, а по тексту страницы их не видно, и проверка «по адресу» выродилась бы в пересказ стандарта.
Когда пригодится
Верстали быстро и хотите проверить форму перед сдачей. Пришло требование по доступности, и надо понять объём работ. Меню или всплывающее окно не работают без мыши. Разбираете чужую вёрстку и оцениваете её состояние.
Как заполнить
Что за фрагмент Выберите вид разметки. От него зависит, что проверять в первую очередь: у формы это подписи и ошибки, у навигации — ориентиры и фокус, у таблицы — заголовки строк и столбцов. Код Вставьте HTML-разметку фрагмента, а если стили лежат рядом — и их. Чем полнее кусок, тем меньше догадок: обрывок без контекста инструмент разбирать будет, но честно скажет, где ему не хватает окружения.
Что получится
Таблица находок, отсортированная по серьёзности, с указанием, кому мешает каждая; правки кода «до и после», минимальные — доступность делается атрибутами и правильными тегами, а не переписыванием вёрстки; разбор структуры заголовков; проверка работы без мыши; список того, что нужно проверить руками — контраст реальных цветов, поведение при увеличении, осмысленность замещающего текста.
