Доступность
Как мы обеспечиваем работу с клавиатурой, программами чтения с экрана, пользователями с нарушениями зрения и без сложных технических средств. Честный срез с датой.
Наши обязательства
- Полная навигация с клавиатуры. Каждый элемент управления генератором, каждое модальное окно и каждый поток экспорта доступен без мыши.
- Видимые состояния фокуса. Поля ввода, кнопки и ссылки в фокусе отображают чёткий контур. Мы не полагаемся только на цвет.
- Метки для каждого поля. Поля форм имеют связанные элементы
<label>или атрибутыaria-label. Текст-заполнитель (placeholder) никогда не используется как единственная метка. - Живые регионы ARIA для предварительного просмотра QR-кода и уведомлений. Программы чтения с экрана озвучивают «QR сформирован» и текст уведомлений при их появлении, а не только при переходе фокуса к ним.
- Текстовые альтернативы для кнопок только с иконкой. Атрибут
aria-labelна каждой кнопке с одним SVG. - Смысл статуса, не зависящий от цвета. Значки читаемости и чипы совместимости сочетают цвет с глифом и текстовой меткой.
- Явные названия форматов экспорта. Кнопки загрузки говорят «Скачать PNG», «Скачать SVG» и т. д., а не просто «Скачать».
- Крупные области касания для мобильных устройств. Интерактивные элементы имеют размер не менее 44 × 44 CSS-пикселей для неточных указателей согласно WCAG 2.5.8.
- Учёт уменьшения движения. Переходы отключены при
prefers-reduced-motion: reduce.
Где мы ещё не достигли цели
- Охват тестирования программами чтения с экрана неравномерен. Генератор протестирован с VoiceOver (macOS/iOS) и NVDA. JAWS и TalkBack требуют дополнительного времени.
- Конструктор визиток по своей природе ориентирован на мышь (перетаскивание для позиционирования, предварительный просмотр на холсте). Клавиатурные альтернативы существуют для каждого элемента управления, но цикл обратной связи с предварительным просмотром по-прежнему ориентирован на визуальное восприятие.
- Сложные потоки генератора (пакетный CSV, многошаговый мастер) могут выиграть от улучшенной структуры пропускных ссылок. Запланировано.
- Наша матрица совместимости сейчас представлена в виде HTML-таблиц. Заголовки столбцов для программ чтения с экрана работают, но мы хотели бы добавить более развёрнутые описательные резюме для каждой строки.
Протестированные браузеры и вспомогательные технологии
Последний полный прогон: апрель 2026. Между прогонами мы проводим точечные проверки после значительных изменений интерфейса.
| Браузер | AT | Платформа | Статус |
|---|---|---|---|
| Safari | VoiceOver | macOS 15, iOS 18 | Протестировано, работает |
| Firefox | NVDA | Windows 11 | Протестировано, работает |
| Chrome | NVDA | Windows 11 | Протестировано, работает |
| Chrome | ChromeVox | ChromeOS | Точечная проверка |
| Chrome | TalkBack | Android 14, 15 | Точечная проверка |
| Edge | Narrator | Windows 11 | Точечная проверка |
| Safari | JAWS | Windows 11 | Пока не протестировано |
Карта клавиш
- Tab / Shift+Tab: переход вперёд / назад по фокусируемым элементам.
- Enter / Space: активация кнопок и переключателей.
- Клавиши со стрелками: перемещение между вариантами внутри группы переключателей (селектор типа, выбор шаблона, панель вкладок).
- Escape: закрытие модальных окон (Конструктор визиток, предполётная проверка, сервисы печати, обрезка изображения).
- Home / End внутри переполненного меню, переход к первому / последнему элементу.
Сообщить о проблеме
Если что-то недоступно с клавиатуры, неправильно помечено или иным образом неудобно в вашей конфигурации, напишите на hello@abundera.ai. Укажите браузер, ОС, вспомогательную технологию и конкретный поток. Мы рассматриваем ошибки доступности как приоритетные проблемы.