📌 Чек-лист доступности (a11y)

Интерфейс может выглядеть идеально, но ломаться для части пользователей. Чтобы продукт был удобным для всех, стоит проверить базовые вещи.

1️⃣ Навигация

— Все кнопки и ссылки доступны через Tab
— Есть видимый focus state

2️⃣ Семантика и ARIA

— aria-label там, где текст скрыт
— Корректные роли (`button`, `dialog`, `alert`)
— Нет лишних ARIA-атрибутов

3️⃣ Контрастность

— Текст соответствует WCAG AA (4.5:1)
— Ошибки/статусы дублируются не только цветом

4️⃣ Screen reader

— Страница читается логично (NVDA/VoiceOver)
— Картинки с alt или role="presentation"
— У форм есть label и подсказка об ошибке

5️⃣ Медиа и динамика

— Видео с субтитрами и стопом
— Анимации не вызывают мерцаний
— Есть skip link «Пропустить к контенту»

🐸 Библиотека фронтендера

#буст

Типичный рабочий день 👍

🐸 Библиотека фронтендера

#развлекалово

💬 Тесты: e2e против unit

У каждого фронтендера был момент: билд зелёный, все unit-тесты проходят, а на проде кнопка «Купить» не работает. Или наоборот — e2e гоняются часами, падают от любого чиха, а баг кроется в двух строках функции.

⚡️ e2e
— Проверяют продукт глазами пользователя
— Сразу видно, что реально сломалось
— Цепляют баги, мимо которых пройдут юнит-тесты

📎 Но: тяжёлые, нестабильные, требуют инфраструктуры и нервов

⚡️ Unit
— Легко писать и поддерживать
— Ловят мелкие баги в логике
— Дают уверенность при рефакторинге

📎 Но: могут показать «всё ок», когда приложение падает в бою

👉 Что важнее: быстро ловить баги в коде или рабочий сценарий для юзера❔

🐸 Библиотека фронтендера

#междусобойчик