Улучшить эту документацию Просмотреть исходный код $aria

Обзор

Сервис $aria содержит вспомогательные методы для применения общих атрибутов ARIA к HTML-директивам.

ngAria встраивает общие атрибуты доступности, которые сообщают вспомогательным технологиям, когда HTML-элементы включены, выбраны, скрыты и т. д. Чтобы увидеть, как это выполняется с ngAria, давайте рассмотрим фрагмент кода из самого ngAria:

ngAriaModule.directive('ngDisabled', ['$aria', function($aria) {
  return $aria.$$watchExpr('ngDisabled', 'aria-disabled', nativeAriaNodeNames, false);
}])

Как показано выше, модуль ngAria создает директиву с тем же сигналом, что и традиционная директива ng-disabled. Но эта версия ngAria посвящена исключительно управлению атрибутами доступности на пользовательских элементах. Внутренний сервис $aria используется для отслеживания булевого атрибута ngDisabled. Если он не был явно задан разработчиком, aria-disabled вставляется как атрибут со значением, синхронизированным со значением в ngDisabled.

Поскольку ngAria подключается к директиве ng-disabled, разработчикам ничего не нужно делать для активации этой функции. Атрибут aria-disabled автоматически управляется просто как побочный эффект использования ng-disabled с модулем ngAria.

Полный список директив, которые взаимодействуют с ngAria:

• ngModel
• ngChecked
• ngReadonly
• ngRequired
• ngDisabled
• ngValue
• ngShow
• ngHide
• ngClick
• ngDblclick
• ngMessages

Прочитайте руководство разработчика ngAria для подробного объяснения каждой директивы.

Зависимости

Требуется модуль ngAria для установки.