Доступность часто представляют как режим с крупным шрифтом. На деле это о том, как сайт читают скринридеры, работает ли он полностью с клавиатуры, хватает ли контраста людям с нарушениями зрения и переживает ли страница смену ориентации экрана.

Стандарт WCAG 2.1 от W3C строится на четырёх принципах: воспринимаемость, управляемость, понятность и устойчивость. В каждом — конкретные критерии. Значимым изображениям нужны текстовые альтернативы, формам — понятные подписи. А состояния кнопок и ссылок должны считываться без опоры на цвет.

Контраст проверяется через WebAIM, а симулятор дальтонизма встроен прямо в Chrome DevTools. В статье разбираем важные критерии на реальных сайтах: Яндекс, Кинопоиск, Etsy, Dropbox. #a11y #html

💡 Читать статью