Какие знаешь требования к дизайну в Accessibility

Доступность (Accessibility) в веб-дизайне включает ключевые требования:

1. Контрастность: Минимальное соотношение 4.5:1 для текста (3:1 для крупного текста). Пример:

body {
  color: #333; /* Темно-серый */
  background: #fff; /* Белый */
  /* Контраст ~12:1 */
}

2. Размер текста: Основной текст ≥16px, возможность увеличения до 200% без потери функциональности.

3. Альтернативные тексты: Обязательные alt для изображений:

<img src="logo.png" alt="Логотип компании">

4. Клавиатурная навигация: Все элементы должны быть доступны через Tab, с визуальным фокусом.

5. ARIA-атрибуты: Для сложных элементов:

<button aria-expanded="false">Меню</button>

6. Семантическая вёрстка: Использование правильных HTML-тегов (<header>, <nav>, <main>).

7. Предсказуемость: Отсутствие резких изменений без предупреждения (например, внезапных аудио-эффектов).

8. Формы: Чёткие <label>, ошибки в доступном формате.