Доступна верстка сайту (WCAG 2.1) — a11y, screen readers

Верстка за стандартами доступності (WCAG 2.1 / 2.2) — для проєктів, де важливо, щоб сайтом могли користуватись всі. Що роблю: • Семантичний HTML — правильні landmarks (header, nav, main, footer) • ARIA-атрибути там, де HTML не вистачає • Клавіатурна навігація — Tab-порядок, Skip links, Focus traps в модалках • Контрастність тексту і UI-елементів (WCAG AA мінімум, AAA де можливо) • Screen reader-тестування (NVDA, VoiceOver, JAWS) • Форми: правильні label, error messages, aria-invalid, aria-describedby • Модалки: role="dialog", фокус після відкриття, повернення фокусу після закриття • Відео: субтитри, транскрипти, pause-кнопка для автоплея • Респект до prefers-reduced-motion Перевіряю інструментами: • Lighthouse Accessibility audit • axe DevTools (browser + Pa11y для CI) • WAVE • Ручний прогін тільки клавіатурою • Screen reader — NVDA (Windows), VoiceOver (Mac/iOS), TalkBack (Android) Для кого: • Державні сайти і сервіси (вимоги Закону про доступність 2024 р.) • Банки, страхові, медицина — регуляторні вимоги • Освітні проєкти • Комерційні сайти, які не хочуть втрачати 15% аудиторії з особливими потребами Видаю звіт з результатами аудиту до і після + інструкції для майбутньої підтримки.