aria-
Атрибуты, начинающиеся с доступности и относящиеся к ней, можно найти на многих веб-страницах и во многих вопросах StackOverflow . Например:
<div class="text">
<label id="tp1-label" for="nombre">Nombre:</label>
<input type="text" id="nombre" name="nombre" size="20"
aria-labelledby="tp1-label"
aria-describedby="tp1"
aria-required="true" />
<div id="tp1" class="tooltip"
role="tooltip"
aria-hidden="true">El nombre es obligatorio</div>
</div>
Что такое атрибуты и для чего они нужны aria-*
? Сколько их и какие самые важные? А зачем их использовать?
ARIA расшифровывается как Accessible Rich Internet Applications . Это техническая спецификация, целью которой является повышение доступности динамического контента и компонентов динамического интерфейса, разработанных с использованием HTML, JavaScript, Ajax и связанных с ними технологий.
ARIA описывает, как добавить семантику и метаданные в содержимое HTML, чтобы сделать элементы управления интерфейсом и динамический контент более доступными, особенно для людей с ограниченными возможностями.
Ссылка
Атрибуты
aria-*
используются для добавления семантической информации к элементам веб-сайта, в частности к свойствам и состояниям (которые являются частью ролей), которые могут:Ссылка
Список атрибутов
aria-*
выглядит следующим образом:Ссылка
Говоря о наиболее важных атрибутах, я думаю, что это немного субъективно, нет никаких официальных ссылок или рекомендаций, и я думаю, что лучше увидеть совместимость, предлагаемую или нет такими устройствами, как программы чтения с экрана, клавиатуры Брайля и т. д.
Здесь я оставляю постоянно обновляемую ссылку , которая показывает совместимость некоторых атрибутов ARIA с различными существующими программами чтения с экрана.
Мы должны использовать атрибуты ARIA, чтобы люди с инвалидностью (мы) могли легко ориентироваться и понимать структуру веб-сайтов, которые мы реализуем/разрабатываем/создаем.
Среди устройств для людей с ограниченными возможностями выделяют:
По этой ссылке на английском языке есть несколько историй о том, как некоторые люди с ограниченными возможностями используют Интернет и какие инструменты мы можем использовать, чтобы эти люди могли лучше ориентироваться на наших веб-сайтах.
Это может не восприниматься как ответ, но эта статья может помочь узнать и понять стандарт
WAI-ARIA
В заключение
Что такое ?
Это набор атрибутов, помогающий улучшить семантику веб-сайта или веб-приложения, помогающий вспомогательным технологиям, таким как программы чтения с экрана для слепых, понимать определенные вещи, которые не присущи HTML.
о его использовании?
Эта статья поможет вам понять стандарт WAI-ARIA.
Что такое АРИЯ?
ARIA — это сокращение от Accessible Rich Internet Applications. ARIA — это набор атрибутов, которые можно добавить к элементам HTML, которые определяют способы сделать веб-контент и приложения доступными для пользователей с ограниченными возможностями, использующих вспомогательные технологии (AT). Когда проблемы доступности не могут быть решены с помощью собственного HTML, ARIA может помочь заполнить эти пробелы.
Сколько их и какие самые важные?
Это все роли в одном образе. Помимо ролей, у него есть состояния и свойства.
Для получения дополнительной информации см. официальную документацию WAI-ARIA или Google Introduction to ARIA.