👁️ Визуальная доступность: контраст, фокус, размер зоны, анимация

Визуальная доступность включает несколько важных аспектов. Минимальный контраст текста и фона — 4.5:1 для обычного текста и 3:1 для крупного. Видимый focus ring — никогда не удаляйте outline: none без замены на контрастную видимую альтернативу. Размер кликабельной зоны — не меньше 44×44 пикселя для мобильных устройств. Анимации должны учитывать prefers-reduced-motion — если пользователь включил настройку, отключайте движущиеся элементы. При открытии модалки фон не должен скроллиться (блокировка скролла body). На собеседовании Middle и Senior важно показать понимание этих критериев WCAG. Полный разбор — в большом видео по ссылке под этим шортсом. #visualaccessibility