title, created, updated, type, tags, sources, confidence
| title |
created |
updated |
type |
tags |
sources |
confidence |
| Web Accessibility |
2026-06-02 |
2026-06-02 |
concept |
|
| raw/articles/web-design-research.md |
| raw/articles/crawford-new-rules-2026.md |
| raw/articles/crawford-20-principles.md |
|
high |
Web Accessibility — Доступность веб-дизайна (WCAG)
Стандарт
WCAG 2.2 (W3C) — международный стандарт ISO. Уровни A, AA, AAA.
Для бизнес-сайтов достаточно AA. Для госсайтов — обязательно.
Crawford: не чеклист, а фундамент
- Accessibility не «галочка в конце проекта», а часть дизайна с первого дня
- Растущие юридические риски за недоступность
- Доступный дизайн и хороший дизайн совпадают на 80%
Ключевые практики
- Контраст: текст < 18px → 4.5:1 (AA), > 18px → 3:1
- Alt-текст: все изображения с информационным наполнением
- Клавиатурная навигация: все интерактивные элементы доступны с Tab/Enter/
- Focus indicators: видимый фокус при Tab
- ARIA-атрибуты: для динамических элементов
- Prefers-reduced-motion: уважать настройки пользователя
- Semantic HTML5: header, nav, main, section, article, footer
- Heading hierarchy: один H1, вложенные H2-H6
Инструменты проверки
- WAVE (wave.webaim.org)
- Axe (deque.com/axe)
- Lighthouse — встроен в Chrome
- colour contrast analyzer
