5 ошибок в accessibility, из-за которых интерфейс ломается для части пользователей

5 ошибок в accessibility, из-за которых интерфейс ломается для части пользователей

1) Контраст «на глаз». Серый текст на сером фоне выглядит аккуратно только в дизайне. На практике это режет читаемость, особенно на солнце и на дешёвых экранах.

2) Кликабельные элементы без нормального размера. Иконка-«крестик» в 16 px, мелкая кнопка, тесные отступы — промахи по тапу и лишние ошибки в сценарии.

3) Порядок фокуса, который живёт своей жизнью. Если с клавиатуры нельзя предсказуемо пройти форму, модалку и меню, часть пользователей просто застревает.

4) Непонятные подписи и ошибки. «Введите корректные данные» не помогает. Нужно писать, что именно не так и как исправить: «Пароль должен содержать 8 символов и цифру».

5) Иконки и изображения без смысла для скринридера. Если у элемента есть функция, у него должен быть текстовый эквивалент. Если смысла нет — лучше скрыть его от ассистивных технологий.

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