Начало распродаж · Скидка на доставку · Поступление новой коллекции

BELAYA KASKA / FEATURE

designАвтор: Пуск‑Медиа (импорт)Просмотры: 3

Тёмная тема в интерфейсе: контраст, elevation и привычки пользователя ОС

Переключатель темы, токены цвета и проверка WCAG для обеих палитр — не копируйте светлые макеты «как есть».

Изображение статьи: Тёмная тема в интерфейсе: контраст, elevation и привычки пользователя ОС

Введите отдельный набор токенов для dark mode: фон, поверхности, границы, акценты и состояния ошибок. Контраст текста проверяйте отдельно — серый на чёрном часто проваливает AA.

Учитывайте prefers-color-scheme, но оставьте ручной override — пользователь может хотеть светлую тему ночью на OLED.

- [WCAG 2.2 — Understanding](https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum) — Критерии минимального контраста.

---

## Визуальная глубина

В тёмом режиме тени слабее — компенсируйте разделение слоёв границами 1px и изменением яркости поверхности, а не только drop-shadow.

Иллюстрации и фото с белым фоном «выбиваются» — используйте скругление или лёгкую подложку.

#тёмная тема#дизайн-система#a11y

Мы используем обязательные cookie для работы сайта (корзина, вход, оформление заказа) и необязательные — для аналитики и маркетинга. Вы можете принять все, отклонить необязательные или настроить категории. Подробнее в политике cookies.