Сделано так, чтобы пользоваться могли все.
Dukonix — это онлайн-каталог для продавцов, которые завершают покупку офлайн. А этот сайт сделан так, чтобы им было удобно пользоваться с клавиатуры, через скринридер и при уменьшенной анимации. Вот что это значит на практике.
Полностью доступен с клавиатуры
Любая ссылка, кнопка и элемент управления доступны по Tab и срабатывают по Enter/Space. Фокус всегда виден (бирюзовая рамка).
Горячие клавиши и командная палитра
Нажмите ⌘K (или Ctrl+K), чтобы открыть командную палитру для поиска и переходов. Нажмите ?, чтобы увидеть список клавиш. Клавиша / переводит фокус в поиск по вопросам.
Учитываем уменьшение анимации
Если включён prefers-reduced-motion, любая анимация становится статичной или меняет только прозрачность. Зацикленных, параллаксных и «пружинных» эффектов, которые нельзя отключить, нет.
Контраст по WCAG-AA
Текст и интерактивные элементы соответствуют контрасту WCAG-AA. Светлая и тёмная темы обе проходят проверку.
Один H1 на страницу
На каждой странице один описательный H1. Заголовки образуют логичную структуру. У изображений есть alt-текст. У форм есть подписи.
Горячие клавиши
Клавиши не срабатывают, пока вы печатаете в поле ввода.
| Клавиши | Действие |
|---|---|
| ⌘K / Ctrl+K | Открыть командную палитру |
| ? | Показать список горячих клавиш |
| / | Перейти к поиску по вопросам |
| G, затем D | Перейти в демо |
| G, затем P | Перейти к тарифам |
| G, затем F | Перейти к вопросам |
| G, затем H | На главную |
| Esc | Закрыть диалог или палитру |
Нашли барьер?
Напишите нам, и мы это исправим. Доступность — это процесс, а не галочка.