Хочу подтянуть доступность в обычной вёрстке, но тема кажется огромной: клавиатура, скринридеры, контраст, подписи, семантика… Если пытаться охватить всё сразу, легко отложить до «когда-нибудь». С чего вы начинаете проверку нового проекта и что даёт самый заметный результат без полной переделки сайта?
Пока думаю начать с простого маршрута: пройти страницу только клавишей Tab, проверить видимый фокус и порядок переходов, потом посмотреть, понятны ли заголовки и подписи к полям формы. Для кнопок и ссылок хочется отдельно проверить, что их назначение ясно даже без соседнего текста. Контраст текста тоже можно быстро прогнать инструментом, но не уверен, какие проверки лучше делать вручную.
Интересно, как вы это встраиваете в работу: проверяете каждую страницу сами, добавляете пункты в чек-лист перед релизом или подключаете автоматические тесты? И где чаще всего спотыкаетесь — на кастомных компонентах, формах, меню или динамических сообщениях? Делитесь не только идеальными практиками, но и тем, что реально прижилось в команде.
Пока думаю начать с простого маршрута: пройти страницу только клавишей Tab, проверить видимый фокус и порядок переходов, потом посмотреть, понятны ли заголовки и подписи к полям формы. Для кнопок и ссылок хочется отдельно проверить, что их назначение ясно даже без соседнего текста. Контраст текста тоже можно быстро прогнать инструментом, но не уверен, какие проверки лучше делать вручную.
Интересно, как вы это встраиваете в работу: проверяете каждую страницу сами, добавляете пункты в чек-лист перед релизом или подключаете автоматические тесты? И где чаще всего спотыкаетесь — на кастомных компонентах, формах, меню или динамических сообщениях? Делитесь не только идеальными практиками, но и тем, что реально прижилось в команде.
Комментарии 8
Обсуждение темы — по порядку