Аналитика

Встраивайте доступность в свою дизайн-систему

Начните с многоразовых компонентов, которые упрощают принятие правильных решений. Доступность должна быть заложена в основу, а не только в финальном обзоре.

· 1 мин чтения

Согласуйте основные принципы

Определите читабельную типографику, достаточный контраст, осмысленные метки, поведение клавиатуры и видимый фокус. Задокументируйте, как компоненты обрабатывают ошибки, загрузку, расширенный контент и отключенные состояния. Предпочитайте семантический HTML и тестируйте компоненты в тех комбинациях, которые люди реально используют.

Сделайте проверку частью рутины

Включите автоматические проверки, тестирование клавиатуры и соответствующую проверку с помощью вспомогательных технологий при изменении компонентов. Делитесь примерами с дизайнерами и разработчиками. Протестированный компонент — хорошая отправная точка, но его содержание и расположение все еще влияют на доступность на готовой странице.

Автоматические инструменты поддерживают работу по обеспечению доступности. Они не заменяют ручное тестирование и не устанавливают соответствие законодательству.

Проверьте свой сайт

Введите адрес общедоступного сайта. Проверка запустит поддерживаемые тесты и подготовит отчёт.

Продолжить изучение

Этот сайт не загружает аналитику и чат поддержки. С вашего разрешения Meta (Facebook и Instagram) измеряет ваш визит с помощью cookie, чтобы мы видели, какая реклама работает. Если вы пришли по рекламе или партнёрской ссылке, мы также запоминаем метки кампании и партнёрский код только на время этого визита, чтобы партнёрская скидка действовала при регистрации. Вы можете отключить это здесь в любое время.