Прокачиваем вёрстку ARIA-атрибутами. Атрибут role

Скрипты и советы | 6 февраля 2024 624

Уроки CSS на Хабрахабре, habrahabr.ru, Блог компании RUVDS.com, Веб-разработка, CSS, HTML, Accessibility, accessibility, html, css, ruvds_статьи,






В разговорах людей, интересующихся доступностью, часто можно услышать слово «Роль». Так, что это такое? Это специальная форма представления элемента для скринридера. Устанавливается она с помощью атрибута role. Сегодня поговорим о нем.


Я не буду описывать всё. Атрибут слишком сложный для одной статьи. Остановлюсь на моментах, которые вы можете использовать сразу. Продвинутые техники оставим на другой случай.


Давайте начнём!

Читать дальше →
[Из песочницы] 6 самых распространённых ошибок разработчиков при написании HTML и CSS

Привет, Хабр! Представляю вашему вниманию перевод статьи «The 6 most common mistakes developers when writing HTML and...

Подробнее
6 советов по удобным интерфейсам за июнь

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

Подробнее
Любопытные CSS фишки 2022 года

За последнее время в CSS появилось достаточно новых возможностей, которые позволяют нам создавать новые решения для...

Подробнее
HTML и CSS ошибки, влияющие на доступность. Мой опыт и моего незрячего знакомого Ильи. Часть 9

Хабр, я снова пришёл к вам с практическими советами про доступность вместе с Ильёй. Мы показываем, как HTML и CSS могут...

Подробнее
Азы поисковой оптимизации для веб-разработчика: прокачиваем SEO с помощью кода и здравого смысла

Привет, Хабр! Поисковая оптимизация обычно ассоциируется только с производством контента, а роль веб-разработчиков в...

Подробнее
Как прятать

Когда display: none, а когда visibility: hidden? Зависит от того, что вы пытаетесь сделать. Есть и другие варианты как...

Подробнее

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

В связи с новыми требованиями законодательства РФ (ФЗ-152, ФЗ «О рекламе») и ужесточением контроля со стороны РКН, мы отключили систему комментариев на сайте.

🔒 Важно Теперь мы не собираем и не храним ваши персональные данные — даже если очень захотим.

💡 Хотите обсудить материал?

Присоединяйтесь к нашему Telegram-каналу:

https://t.me/tcsecms

Нажмите кнопку ниже — и вы сразу попадёте в чат с комментариями