---
title: Web Accessibility
created: 2026-06-02
updated: 2026-06-02
type: concept
tags: [web-design, accessibility]
sources:
  - raw/articles/web-design-research.md
  - raw/articles/crawford-new-rules-2026.md
  - raw/articles/crawford-20-principles.md
confidence: 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