No video
Веб доступность №3. ARIA
Рет қаралды 10,310
Күн бұрынПривет! Продолжаю говорить о доступности сайтов.
ARIA - спецификация, разработанная для улучшения доступности сайтов для людей с ограниченными возможностями.
В этом видео - на простых примерах разбираемся с aria-ролями и aria-атрибутами, чтобы сделать сайт доступным для пользователей с ограниченными возможностями.
www.w3.org/TR/... - соответствие тегов и ролей
www.w3.org/TR/... - спецификация aria
www.w3.org/TR/... - примеры доступных компонентов
developer.mozi... - роли и их назначение
Меня зовут Максим Васянович. Фрилансер уже 5 лет, создал более 50 коммерческих сайтов. Преподаватель в онлайн-университете Skillbox, автор курса Веб-верстка.
Понравилось? clck.ru/Gr9Ec
Моя страница вконтакте: maxdenaro
Мой блог: blog.maxgraph.ru
Мой сайт: maxgraph.ru
Канал в телеграм: teleg.run/maxg...
Чат для верстальщиков: teleg.run/maxg...
Тема VS Code: One Monokai
Шрифт VS Code: Consolas, 'Courier New', monospace
#ityoutubersru #доступность #вебдоступность
@maxgraph 4 жыл бұрын
Тайминги 00:00 - 00:45 - Вступление 00:46 - 01:57 - Правила ARIA 01:58 - 03:05 - Роли 03:06 - 03:38 - Aria-атрибуты 03:39 - 04:53 - aria-label 04:54 - 06:46 - role=”alert” 06:47 - 08:45 - aria-labelledby 08:46 - 13:59 - custom checkbox with aria 14:00 - 17:33 - Мелочи и заключение
@vlaadkshl 4 жыл бұрын
кнопка говорит "нажми, увидишь" слепой пользователь: я для тебя шутка какая-то?
@maxgraph 4 жыл бұрын
ахах) да, вышло странно =)
@RomanKhassazhirov Жыл бұрын
Очень полезно и интересно, благодирю)
@PychevAnatoliy 4 жыл бұрын
Отличная серия уроков. Много нового узнал. Только при просмотре с планшета кода не видно ( очень мелко). Зачем показывать весь экран если используется только его треть. И код в редакторе тоже желательно увеличить.
@maxgraph 4 жыл бұрын
Постоянно забываю увеличивать)) спасибо
@HoshiramaSensei 2 жыл бұрын
Спасибо!
@maxgraph 2 жыл бұрын
Пожалуйста)
@code-art-school 8 ай бұрын
Для девятого ишака вроде как были полифилы для html5 семантики
@user-ev7vm2yl6e 2 жыл бұрын
Подскажите, пожалуйста, каким скринридером вы пользуетесь?
@maxgraph 2 жыл бұрын
Nvda
@blackcelebration3588 2 жыл бұрын
Макс, спасибо за урок. Подскажите, пожалуйста, можно ли как-то обозначить таким же образом поп-ап? В кнопку мы добавим ариа лейбл с текстом Открыть поп-ап, а как обозначить для того же незрячего пользователя, что поп-ап открыт? Не через alert же?
@maxgraph 2 жыл бұрын
Можно через aria expanded например) а вообще посмотрите мой плагин graph-modal
@blackcelebration3588 2 жыл бұрын
Понял, благодарю!
@user-ir1ei2mt4f 3 жыл бұрын
почему в React нельзя использовать чекбокс? я постоянно использую как и радиобаттон и проблем вроде с этим не замечал
@maxgraph 3 жыл бұрын
почему нельзя? уже не помню, что говорил тут)
@serhiimaliuha69 3 жыл бұрын
@@maxgraph 13:07
@maxgraph 3 жыл бұрын
вы не поняли) использовать можно. Но не везде получится, и не всегда реакт-программисты знают верстку, могут тупо дивом впилить)
@user-ml3zo9sd6b Жыл бұрын
Со скринридером это ты круто придумал тестить, но я всё равно не понимаю зачем слепым сидеть на сайтах? Только чтобы поиграться от скуки, как по мне.
@maxgraph Жыл бұрын
Не слепым, а незрячим) А что, они не люди? Им не нужно заказывать еду, покупать какие-то товары в онлайн магазинах, общаться в соц сетях?)
Фрілансер по життю
Рет қаралды 186 М.
MaxGraph - cайты как страсть
Рет қаралды 14 М.
MaxGraph - cайты как страсть
Рет қаралды 7 М.
webDev
Рет қаралды 33 М.