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

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

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

➡️ Пример:

<!-- Иконка, не нужная для экранных читалок -->

<span aria-hidden="true">🔔</span>

<!-- Видимый, но скрытый от читалок текст --> <p aria-hidden="true">Этот текст будет проигнорирован</p>

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

• aria-hidden="true" предотвращает озвучивание декоративных элементов.

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

• Улучшает доступность и делает сайты более удобными для пользователей с ограниченными возможностями.

Атрибут aria-hidden помогает создавать семантически корректные интерфейсы, соответствующие стандартам Web Accessibility (WCAG).

CodeBase | Frontend | #Основы