⚙️ Что такое атрибут aria-label в HTML и зачем он используется?

⚙️ Что такое атрибут aria-label в HTML и зачем он используется?

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

➡️ Пример:

<!-- Кнопка без видимого текста, но с доступным описанием --> <button aria-label="Открыть меню"> <img src="menu-icon.svg" alt=""> </button>

🗣️ Почему полезно:

• aria-label="Открыть меню" делает кнопку понятной для пользователей с экранными читалками.

• Это полезно для иконок без текстовых подписей.

• Улучшает доступность, что важно для SEO и UX.

Атрибут aria-label помогает делать сайты доступными для всех и соответствует стандартам Web Accessibility (WCAG).

CodeBase | Frontend | #Основы