Чеклист ВСЕХ проблем цифровой доступности для фронтенд-разработчиков • Frontend Accessibility 2024

Обсудим чеклист цифровой доступности, на который можно ориентироваться для улучшения качества ваших веб-приложений. В этом чеклисте будут перечислены как уже известные нам проблемы, так и новые, не озвученные ранее. 00:00 | Введение 00:22 | Коэффициент контрастности 01:14 | Режим высокой контрастности 01:44 | Режим reduced motion 02:07 | Кликабельные элементы корректно работают 02:20 | Область нажатия кликабельных элементов 02:47 | Размер и интерлиньяж шрифта основного текста 02:57 | Форматирование текстового контента 03:30 | Семантика, роли элементов, WAI-ARIA 04:02 | Порядок уровней заголовков 04:30 | Альтернативное описание для изображений 04:45 | Текстовое сопровождение иконочных ссылок и кнопок 05:08 | Фокусировка интерактивных элементов 05:26 | Порядок навигации по интерактивным элементам 05:41 | Фокус и модальные окна 06:54 | Индикация состояний интерактивных элементов 07:35 | Доступность уведомлений 07:58 | Статусы для полей ввода 08:40 | Навигация по истории страниц 09:11 | Очевидное поведение интерфейса 09:38 | Стандартные способы взаимодействия с интерактивными элементами 10:33 | Чеклист 10:51 | Заключение