Веб-доступность (a11y) — Фронтенд-разработка
Привет, это 9й урок из моего курса по фронтенд-разработке в университете ИТМО. Сегодня поговорим про доступность (accessebility) в вебе: для чего это нужно, как сделать сайт доступным, рассмотрим чек-лист для проверки доступен ли наш сайт или нет.
Полезные ссылки:
1) Мой телеграм-канал: https://t.me/davidobryakov
2) Репозиторий с примерами из этого курса: https://github.com/kantegory/mentoring/
3) Репозиторий этого курса: https://github.com/kantegory/ITMO-ICT...
4) Статья на developers.google: https://developers.google.com/web/fun...
5) Большой раздел на MDN: https://developer.mozilla.org/ru/docs...
6) Примеры того, как делать не надо: https://www.htmhell.dev/
Таймкоды:
00:00 Введение
00:49 План урока
01:48 Что такое доступность?
04:13 На чём строится доступность?
04:29 Доступность: фокус
07:55 Доступность: сематника
10:42 Доступность: стилизация
14:34 Какой контент можно назвать доступным?
14:53 Принципы доступности: воспринимаемость
19:13 Принципы доступности: управляемость
21:28 Принципы доступности: понятность
22:20 Принципы доступности: надёжность
25:12 Чеклист по доступности
27:34 Что почитать?
29:04 ARIA-атрибуты
30:43 Заключение