Доступность
Проектируйте и создавайте веб-сайты и веб-приложения, с которыми люди с ограниченными возможностями могут взаимодействовать осмысленным и равноценным образом.
Перейти вперед
Изучите доступность
Этот курс предлагает общее представление о методах обеспечения доступности и тестировании, или вы можете использовать его в качестве справочного материала по конкретным предметам.
КУРС
Впервые в области доступности?
Если вы новичок в вопросах доступности, мы вам поможем. Наш курс «Изучение доступности» предлагает общее представление о методах и тестировании доступности, или вы можете использовать его в качестве справочного материала по конкретным предметам.
Продолжай учиться
КУРС
Доступность форм
HTML-формы дают пользователям возможность вводить данные для ваших веб-приложений. Узнайте, как создавать формы, которыми может пользоваться каждый.
КУРС
Адаптивный дизайн
Разрешение вашим страницам реагировать на экраны разных размеров — это лишь один из способов обеспечить доступность вашего веб-сайта как можно большему количеству людей.
КУРС
Семантический HTML
Хотя доступность охватывает все части веб-платформы, написание доступного HTML является краеугольным камнем создания доступных веб-приложений.
Узнайте о специальных возможностях и шаблонах
Семантический HTML и навигация с помощью клавиатуры
Узнайте больше о том, как использовать семантический HTML, чтобы помочь пользователям перемещаться по вашей странице.
Изменение порядка контента
Начинать с хорошо структурированного документа и использовать правильные элементы HTML — ключевая часть создания доступного сайта.
Доступные цели касания
Создавайте интерактивные элементы достаточно большими и хорошо расположенными, чтобы их можно было легко нажимать, не перекрывая другие элементы.
Фокус стиля
Если индикатор фокусировки браузера по умолчанию не соответствует вашему дизайну, измените стиль, а не удаляйте его.
Доступность СМИ
Используйте WebVTT, чтобы добавлять субтитры и описания программ чтения с экрана к вашим видео.
Ярлыки и альтернативные тексты
Представьте пользователю голосовой пользовательский интерфейс с помощью программ чтения с экрана, обеспечив, чтобы ваши элементы имели правильные метки или текстовые альтернативы.
Послушайте мнение экспертов сообщества
Знакомьтесь, Мелани Самнер
Мелани — инженер-программист, специализирующийся на цифровой доступности. Узнайте о ее пути к инженерному делу, доступному дизайну и важности финансирования.
Знакомьтесь: Олутимилехин Олушуйи
Олутимилехин — юрист, новичок в вопросах доступности. Узнайте о его борьбе с JavaScript, международными стандартами и важности чтения содержимого веб-сайта.
Знакомьтесь, Элиза Бэнди
Элиза – сотрудник Google, работающая над доступностью веб-сайтов и документацией для внутренних инструментов.
Знакомьтесь, Альберт Ким
Альберт — многогранный эксперт по доступности, ведущий дискуссии о психическом здоровье и цифровой доступности.
Смотри и учись
Отладка специальных возможностей с помощью Chrome DevTools
Узнайте, как новые функции Chrome DevTools помогут вам понять, как специальные возможности работают (или не работают!) в веб-приложении.
Как проверить доступность?
Роб Додсон показывает набор быстрых проверок, которые вы можете использовать, чтобы выявить серьезные проблемы с доступностью вашего веб-сайта.
Пишите доступные заголовки
Узнайте больше о том, как содержание ваших заголовков влияет на доступность.