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