Гид по доступности в картинках
Юля Бухвалова написала статью о доступности с большим количеством примеров самых распространённых проблем — "Недоступность в картинках".
В самом начале статьи есть небольшой ликбез (must read) по использованию скринридеров в Windows (Narrator) и macOS (Voice Over). Все скринридеры помогают пользователям перемещаться по сайту, предоставляя списки для заголовков, ссылок, изображений и ориентиров (теги main
, header
, footer
, nav
и т.п.)
Пара советов из статьи. Для упрощения работы с формами следует использовать теги fieldset
и legend
. Не следует верстать на дивах интерактивные элементы, лучше всего использовать вместо них соответствующие элементы из стандарта ( button
, input
и т.д.) Для изображений img
всегда нужно добавлять атрибут alt
. Если изображение декоративное, его следует поместить в CSS или использовать пустую строку в описании alt
.
Очень полезная статья. Рекомендую почитать всем, кто занимается разработкой сайтов.