Доступность
Hoardly стремится сделать платформу доступной для всех пользователей. Мы придерживаемся стандартов WCAG 2.1 уровня AA.
Навигация с помощью клавиатуры
Все интерактивные элементы доступны и управляются с помощью клавиатуры:
| Клавиша | Действие |
|---|---|
Tab | Перемещение вперед по интерактивным элементам |
Shift + Tab | Перемещение назад по интерактивным элементам |
Enter | Активация кнопок и ссылок |
Space | Переключение флажков и кнопок |
Esc | Закрытие диалогов и выпадающих списков |
Клавиши со стрелками | Навигация в меню и списках |
Поддержка экранных читалок
Hoardly использует атрибуты ARIA по всему приложению:
- Семантические HTML-элементы для правильной структуры документа
- Метки ARIA на всех интерактивных элементах
- Роли ARIA для сложных UI-компонентов (меню, диалоги, вкладки)
- Области обновления для динамического контента
- Ссылки "перейти к основному содержимому" для быстрого доступа
- Описательные альтернативные тексты для изображений
- Правильно связанные метки форм и сообщения об ошибках
Мы проверяем совместимость с распространенными экранными читалками, включая NVDA и JAWS (Windows), VoiceOver (macOS/iOS) и TalkBack (Android).
Визуальная настройка
Hoardly включает более 20 встроенных цветовых тем, все из которых разработаны с учетом доступности:
- Темный режим: снижает нагрузку на глаза в условиях низкой освещенности
- Светлый режим: высокая контрастность для ярких условий
- Несколько цветовых тем: для удовлетворения различных визуальных предпочтений и потребностей
- Цветовое пространство OKLCH: равномерные цвета с точки зрения восприятия для лучшей читаемости
- Соотношения контрастности WCAG AA: поддерживаются во всех темах
TIP
Используйте элемент управления темами в заголовке (справа), чтобы просмотреть и переключить темы. Ваш выбор запоминается на этом устройстве и синхронизируется с вашей учетной записью, когда вы вошли в систему.
Адаптивный дизайн
Интерфейс адаптируется к разным размерам экрана и методам ввода:
- Адаптивные макеты для устройств с сенсорными экранами
- Адаптивное изменение размера текста, которое учитывает масштабирование браузера
- Элементы управления касанием размером не менее 44x44 пикселей (WCAG 2.1 уровня AAA)
- Контент перестраивается без горизонтальной прокрутки
- Работает с масштабированием текста в браузере до 200%
Сообщение о проблемах доступности
Если вы столкнулись с проблемой доступности, пожалуйста, свяжитесь с нами по адресу support@hoardly.app, указав описание проблемы и страницу или функцию, на которой она возникла.