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

Перейти вперед

Этот курс предлагает общее представление о методах обеспечения доступности и тестировании, или вы можете использовать его в качестве справочного материала по конкретным предметам.
Откройте для себя модули других курсов, которые помогут вам больше узнать о специальных возможностях.
Интервью с экспертами и практиками по вопросам доступности.
Посмотрите эти видеоролики, чтобы узнать, какие изменения вы можете внести в свои сайты.
КУРС
Если вы новичок в вопросах доступности, мы вам поможем. Наш курс «Изучение доступности» предлагает общее представление о методах и тестировании доступности, или вы можете использовать его в качестве справочного материала по конкретным предметам.

Продолжай учиться

КУРС
HTML-формы дают пользователям возможность вводить данные для ваших веб-приложений. Узнайте, как создавать формы, которыми может пользоваться каждый.
КУРС
Разрешение вашим страницам реагировать на экраны разных размеров — это лишь один из способов обеспечить доступность вашего веб-сайта как можно большему количеству людей.
КУРС
Хотя доступность охватывает все части веб-платформы, написание доступного HTML является краеугольным камнем создания доступных веб-приложений.

Узнайте о специальных возможностях и шаблонах

Узнайте больше о том, как использовать семантический HTML, чтобы помочь пользователям перемещаться по вашей странице.
Начинать с хорошо структурированного документа и использовать правильные элементы HTML — ключевая часть создания доступного сайта.
Создавайте интерактивные элементы достаточно большими и хорошо расположенными, чтобы их можно было легко нажимать, не перекрывая другие элементы.
Если индикатор фокусировки браузера по умолчанию не соответствует вашему дизайну, измените стиль, а не удаляйте его.
Используйте WebVTT, чтобы добавлять субтитры и описания программ чтения с экрана к вашим видео.
Представьте пользователю голосовой пользовательский интерфейс с помощью программ чтения с экрана, обеспечив, чтобы ваши элементы имели правильные метки или текстовые альтернативы.

Послушайте мнение экспертов сообщества

Мелани — инженер-программист, специализирующийся на цифровой доступности. Узнайте о ее пути к инженерному делу, доступному дизайну и важности финансирования.
Олутимилехин — юрист, новичок в вопросах доступности. Узнайте о его борьбе с JavaScript, международными стандартами и важности чтения содержимого веб-сайта.
Элиза – сотрудник Google, работающая над доступностью веб-сайтов и документацией для внутренних инструментов.
Альберт — многогранный эксперт по доступности, ведущий дискуссии о психическом здоровье и цифровой доступности.

Смотри и учись

Узнайте, как новые функции Chrome DevTools помогут вам понять, как специальные возможности работают (или не работают!) в веб-приложении.
Роб Додсон показывает набор быстрых проверок, которые вы можете использовать, чтобы выявить серьезные проблемы с доступностью вашего веб-сайта.
Узнайте больше о том, как содержание ваших заголовков влияет на доступность.