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

Показать описание

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

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

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

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

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

Рекомендации по теме

Комментарии

Спасибо, ты первый из всех блогеров, кто доступно и понятно, да и вообще объяснил данную тему!

RomanKhassazhirov

некоторые новички любят по своему формировать формы, увлекаясь и заменяя все дивами, не задумываясь о причинах разнообразия тегов.

dfkljpjkio

благодарю за урок! всё более чем понятно!
Вы делаете великие дела, спасибо!

frd_

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

dmitriy

Автор просто лучший! На доступном языке, приятное музыкальное сопровождение просто топ

Temirlan

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

miraigrafit

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

igrrrra

а как программа называется, которую ты используешь для чтения сайта?

volselongames

Если для сайта на русском языке прописать для ссылки с SVG иконкой текст "Ссылка на Twitter", нормально ли прочитает его читалка (два языка)?

nosia

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

ТатьянаГерасимова-лэ

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

veronikas.

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

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

5 правил обеспечения базовой доступности

Веб-доступность №1. Введение

Семантика в HTML — Фронтенд-разработка

Web Accessibility basics - Основы аксессибилити в Веб

06. HTML - Семантика

НЕ СДАЛ УСТНОЕ СОБЕСЕДОВАНИЕ shorts #shorts

работа в Яндекс такси, диспетчер такси. #shorts

Как вложить HTML в HTML? Самый главный совет начинающему веб-разработчику...

Урок 2. Основы языка разметки документов HTML

Учим Html за 35 минут для начинающих от 10 лет (Основы) + Мотивация для разработчиков #ДомаВместе...

СЕМАНТИЧНА ВЕРСТКА САЙТІВ. HTML-теги та практичні приклади семантичної верстки для початківців...

HTML - Основные СЕО теги и семантическая разметка страниц сайта. ВЕРСТКА!...

Базовые знания HTML (Основы верстки 2)

2 Основы HTML. Основные теги и атрибуты. Первая страница на HTML. Хостинг....

Лекция 1.7 - Web - Flex верстка в CSS. Модель Flexbox на HTML страницах...

Основы HTML5. Полный курс

HTML CSS ч.1. Основа разработки веб-приложения — Алексей Левицкий...

HTML с 0 до Профи. Полный курс + Практика [2024]

Сайт для онлайн-курса | Верстка сайта на HTML и CSS с нуля для начинающих...

веб-разработка простыми словами. html + css

Основы языка HTML [Курс Frontend-разработки на Javascript]

30 урок. HTML & CSS. Семантическая разметка. Новые и необязательные теги....

18 урок. HTML & CSS. Списки.