Initial commit: 79+ design patterns, LLM prompts, and assets

concepts/web-accessibility.md

@@ -0,0 +1,39 @@
+---
+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