Загрузка...

aria-current and aria-description -- A11y Attributes You're Missing #shorts #a11y #webdev

Stop using class=active to mark the current page!

aria-current with semantic values (page, step, date, time, location, true) tells screen readers what is current. And aria-description (not describedby) lets you write the description inline -- no element ID needed.

What you'll learn:
-- aria-current=page in nav
-- aria-current=step in wizards
-- Style with [aria-current=page]
-- aria-description vs aria-describedby

Follow me:
Blog: https://alexanderburgos.netlify.app
LinkedIn: https://www.linkedin.com/in/alexander-burgos-ux-ui/
X/Twitter: https://x.com/alexanderUX_UI

#html #a11y #accessibility #webdev #frontend #aria #shorts

Music from #Uppbeat (free for Creators!):
https://uppbeat.io/t/hey-pluto/love-inc
License code: MHRMKVRNFHJLSYP6

Видео aria-current and aria-description -- A11y Attributes You're Missing #shorts #a11y #webdev канала UX-UI Creative Conection
Яндекс.Метрика
Все заметки Новая заметка Страницу в заметки
Страницу в закладки Мои закладки
На информационно-развлекательном портале SALDA.WS применяются cookie-файлы. Нажимая кнопку Принять, вы подтверждаете свое согласие на их использование.
О CookiesНапомнить позжеПринять