Инструмент для запуска идей,
который не боится цвета
PilotKit разработан с учетом принципов инклюзивности. Мы создаем цифровые продукты, доступные для каждого, независимо от способностей пользователя или используемых технологий.
Дизайн без границ
Мы считаем, что «кислотный» дизайн и высокая контрастность не исключают друг друга. Доступность — это не ограничение, а вызов для креативности.
В PilotKit мы не просто добавляем атрибуты ARIA ради галочки. Мы пересматриваем архитектуру наших компонентов, чтобы убедиться, что скринридеры (JAWS, NVDA, VoiceOver) корректно озвучивают структуру лендинга, а навигация с клавиатуры (Tab, Enter, Esc) работает без сбоев.
Соответствие WCAG 2.1 (Уровень AA)
Все базовые блоки и шаблоны PilotKit проходят аудит на соответствие международным критериям доступности веб-контента.
Контрастность
Соотношение цветов текста и фона всегда выше 4.5:1. Наши фирменные цвета (Acid Yellow, Mint) автоматически адаптируются под темные и светлые фоны.
Клавиатурная навигация
Полная поддержка фокуса. Никаких «ловушек фокуса». Пользователь может пройти весь лендинг, используя только клавишу Tab.
Семантика и ARIA
Использование правильных тегов (nav, main, article) и атрибутов (role, aria-label) для корректной работы с программами чтения с экрана.
Проверка доступности внутри PilotKit
Вам не нужно устанавливать сторонние расширения браузера, чтобы проверить свой проект. Мы интегрировали базовые проверки прямо в редактор.
- ✓ Автоматический анализ контрастности цветовых пар.
- ✓ Проверка наличия Alt-текстов для изображений.
- ✓ Тестирование порядка фокуса (Tab order).
- ✓ Имитация дальтонизма (пресеты Deuteranopia/Protanopia).
Мы не идеальны, но стараемся
Если вы обнаружили барьер в доступности на сайте, созданном в PilotKit, или нашли ошибку в нашем интерфейсе, пожалуйста, сообщите нам. Мы ценим обратную связь от сообщества людей с ограниченными возможностями.
Вопросы по доступности
Да, базовые компоненты (кнопки, формы, заголовки) имеют корректные ARIA-атрибуты. Однако, если вы используете кастомный код или сложные анимации, мы рекомендуем провести ручное тестирование.
В редакторе PilotKit нажмите кнопку «Аудит» (иконка глаза). Система подсветит элементы, где контраст ниже стандарта WCAG AA, и предложит альтернативные оттенки.
Абсолютно. Все наши макеты адаптивны и корректно отображаются при увеличении шрифта браузером до 200% и более, без горизонтальной прокрутки и наложения элементов.