Веб-доступность №2. Как HTML-семантика влияет на доступность?

4 года назад

6,520 Просмотров

Друзья, привет! Хочу начать рассказывать об азах доступности на сайтах. О том, как сделать возможным взаимодействие пользователя с сайтом только с клавиатуры, как помочь незрячему человеку "прочесть" сайт - в этой серии видео.

Сегодня поговорим про HTML-семантику, и ее влияние на доступность сайтов.

https://clck.ru/PyQUj - примеры из видео на GitHub

Меня зовут Максим Васянович. Фрилансер уже 5 лет, создал более 50 коммерческих сайтов. Преподаватель в онлайн-университете Skillbox, автор курса Веб-верстка.

Понравилось? https://clck.ru/Gr9Ec
Моя страница вконтакте: http://vk.com/maxdenaro
Мой блог: http://blog.maxgraph.ru
Мой сайт: http://maxgraph.ru
Канал в телеграм: https://teleg.run/maxgraph
Чат для верстальщиков: https://teleg.run/maxgraph_chat

Тема VS Code: One Monokai
Шрифт VS Code: Consolas, 'Courier New', monospace

#ityoutubersru #доступность #вебдоступность

Тэги:

#верстка_сайта #css #верстка_сайта_с_нуля #html #верстка_с_нуля #уроки_html #верстка_сайта_html #верстка_для_начинающих #верстка_сайтов #html_верстка_для_начинающих #html_верстка #уроки_по_верстке #обучение_верстке #уроки_верстки #html5 #верстка_лендинга #html_css #html_с_нуля #как_сделать_верстку #верстка_макета_с_нуля #вёрстка_сайта_из_psd #доступность_html #веб-доступность #вадим_макеев #accessebility #доступная_верстка #доступные_сайты #конференция_по_доступности

Скачать видео

Комментарии:

@rLukoyanov - 11.04.2020 20:45

Круто !

Ответить

@igrrrra - 13.04.2020 16:03

Максим, огромное спасибо за видео! Теперь стало понятно, как это работает), до этого только гадала.) Буду ждать видео про атрибуты aria. Еще было бы очень интересно видео с разбором тега <address>, когда он используется и как быть если на странице несколько мест, где можно использовать этот тег?
Подскажи, пожалуйста, какую программу используешь в качестве голосового помощника?

Ответить

@user-gg8sz1of8z - 03.05.2020 02:59

Максим, а микроразметка, которую рекомендуют сеошники, она на доступность влияет или только это важно для сниппета. И вообще интересно ваше мнение надо ли внедрять микроразметку, если ты делаешь семантическую верстку

Ответить

@miraigrafit7865 - 28.02.2021 02:12

Я часто использовал и label, и placeholder вместе, с одним и тем же текстом...

Ответить

@Tortik-KOKO - 09.06.2021 21:06

хотелка )

Ответить

@veronikas.1347 - 25.06.2021 18:47

Если можно, то увеличивайте шрифт
Если смотреть не на компе и не на весь экран. то ничего не разобрать(

Ответить

@vollex_frontend - 20.09.2021 20:18

Бесценно!

Ответить

@dmitriy3590 - 03.11.2021 18:40

Огромное спасибо за Вашу работу! Стало намного понятней! Я прохожу урок в skillbox и как раз уперся в этот модуль и никак не могу выполнить задание, так как из лекции не понятно, что нужно делать. У Вас более наглядно и пошагово.

Ответить