Как сделать веб-контент доступным | Эксперты по цифровой доступности

Что делает веб-сайт по-настоящему доступным? И как разработчики, дизайнеры и авторы контента могут работать вместе, чтобы заложить правильные основы? В этом практическом вебинаре Джонатан Хасселл и Усман Афзал из Hassell Inclusion расскажут о том, как создавать доступный веб-контент и код, используя семантический HTML, осмысленную структуру страниц и эффективную навигацию. Опираясь на программу обучения разработчиков по вопросам доступности от Hassell Inclusion, Усман продемонстрирует практические методы улучшения навигации и понимания веб-сайтов, особенно для пользователей программ чтения с экрана и других вспомогательных технологий. Что вы узнаете: Почему семантический HTML необходим для доступности Как писать эффективные заголовки страниц и структурировать заголовки Как программы чтения с экрана перемещаются по спискам и ключевым элементам Почему важен осмысленный порядок контента Как правильно указывать язык Когда и как использовать текст, предназначенный только для программ чтения с экрана Почему важна проверка HTML Как дизайнеры, авторы контента и разработчики могут работать вместе для создания доступных интерфейсов Сессия также включает вопросы и ответы, касающиеся доступности в разработке, инклюзивного дизайна, обучения разработчиков и заявлений о доступности. Разделы 00:00 Введение в доступный веб-контент и код 01:34 Что мы рассмотрим 02:17 Почему важен семантический HTML 04:56 Почему атрибут title вызывает проблемы с доступностью 06:45 Написание доступных заголовков страниц 10:57 Когда следует использовать атрибут title? 11:47 Заголовки и доступная навигация 14:14 Как программы чтения с экрана перемещаются по заголовкам 16:49 Рекомендации по структуре заголовков 20:18 Создание доступных списков 21:59 Последовательность контента и порядок чтения 23:04 Понимание HTML-ориентиров 26:00 Когда HTML-элементы становятся ориентирами 29:37 Указание языка для программ чтения с экрана 32:10 Использование текста, доступного только для программ чтения с экрана 36:01 Практический пример: Доступный онлайн-банкинг 38:18 Проверка HTML на доступность 39:51 Почему доступность требует более широкого понимания 42:08 Почему дизайнерам и авторам контента необходимо понимать HTML 43:55 Доступность не должна препятствовать инновациям 45:51 Учатся ли разработчики доступности по умолчанию? 48:07 Почему каждому веб-сайту необходимо заявление о доступности 50:45 Персонализация доступности и наложения 52:01 Заключительные советы и дальнейшие шаги Больше от Hassell Inclusion Изучите другие бесплатные вебинары и ресурсы по доступности на HiHub или свяжитесь с нами, чтобы узнать о тренингах и поддержке по вопросам доступности. Контакты: contact@hassellinclusion.com Если этот вебинар оказался для вас полезным, подпишитесь, чтобы получать больше практических советов по цифровой доступности, инклюзивному дизайну, WCAG и доступной разработке. #ЦифроваяДоступность #ВебДоступность #ИнклюзивныйДизайн #HTML #Доступность