icodelab
.dev
Статті
Категорії
Кейси
Гайди
Нотатки
Думки
Всі статті
Інструменти
Конвертери
Код
Генератори
Всі інструменти
Глосарій
Про сайт
UK
EN
RU
Головна
›
Глосарій
›
Доступність (a11y)
Статті
Кейси
Гайди
Нотатки
Думки
Всі статті
Інструменти
Глосарій
Про сайт
Глосарій
Доступність (a11y)
Доступність (Accessibility, a11y) — розробка вебу так, щоб люди з обмеженими можливостями могли повноцінно ним користуватись. Близько 15% населення має якесь обмеження. В багатьох країнах доступність вебу — законодавча вимога.
Основні категорії
Зорові
— сліпота, слабкий зір. Інструмент: screen reader (NVDA, VoiceOver)
Слухові
— глухота. Потрібні субтитри та транскрипти
Моторні
— керування лише клавіатурою. Весь функціонал має бути доступний без миші
Когнітивні
— простота мови, передбачувана навігація
Практика
Семантичний HTML:
<button>
замість
<div onclick>
Alt-тексти для зображень
Контрастність тексту: мінімум 4.5:1 (WCAG AA)
aria-label
,
role
для кастомних компонентів
Видиме фокусування клавіатури (
:focus-visible
)
Попередній
Динамічне програмування
Наступний
Ембедінги (Embeddings)