Делаем Brandmine доступным для всех
Доступность — это не второстепенная задача, а ценность. На этой неделе мы внедрили Lighthouse CI для непрерывного мониторинга доступности, производительности и SEO нашего сайта.
Что мы исправили
Навигация с клавиатуры
- ✅ Все интерактивные элементы доступны через клавиатуру
- ✅ Ссылки для быстрого перехода к контенту для пользователей программ чтения с экрана
- ✅ Видимые индикаторы фокуса на всём сайте
Иерархия заголовков
- ✅ Исправлены все проблемы с последовательностью заголовков (H1 → H2 → H3)
- ✅ Программы чтения с экрана теперь могут корректно навигировать по структуре страницы
- ✅ Улучшена организация контента на всех страницах
Контраст цветов
- ✅ Весь текст соответствует стандартам WCAG AA (минимальный контраст 4.5:1)
- ✅ Теги измерений обновлены для лучшей читаемости
- ✅ Интерактивные элементы имеют достаточный контраст во всех состояниях
Дизайн для дальтоников
- ✅ Временная шкала использует синий спектр (без красно-зелёных комбинаций)
- ✅ Все цветовые обозначения включают избыточные визуальные подсказки
- ✅ Доступно для пользователей с дейтеранопией, протанопией и тританопией
Непрерывный мониторинг
Мы интегрировали Lighthouse CI в наш рабочий процесс разработки. Каждое развёртывание теперь включает автоматические проверки доступности, чтобы поддерживать эти стандарты.
Наши оценки
- Доступность: 94-96 (минимальный стандарт)
- Производительность: 60-69 (базовый уровень — оптимизация на подходе)
- SEO: 92-100
- Лучшие практики: 75+
Почему это важно
~8% мужчин и ~0.5% женщин имеют красно-зелёную цветовую слепоту. Многие пользователи полагаются на навигацию с клавиатуры. Все выигрывают от чёткого контраста и логичной структуры страницы.
Доступность — это освещение. Мы стремимся к тому, чтобы каждый мог открывать для себя исключительные бренды Глобального Юга.