Улучшить эту документацию ngAria
Модуль ngAria предоставляет поддержку общих атрибутов ARIA, которые передают состояние или семантическую информацию об приложении для пользователей с технологиями辅助, такими как программы чтения с экрана.
Использование
Для работы ngAria просто включите модуль в качестве зависимости. Директивы, поддерживаемые ngAria, это: ngModel, ngDisabled, ngShow, ngHide, ngClick, ngDblClick, и ngMessages.
Ниже представлено более подробное описание атрибутов, обрабатываемых ngAria:
| Директива | Поддерживаемые атрибуты |
|---|---|
| ngDisabled | aria-disabled |
| ngShow | aria-hidden |
| ngHide | aria-hidden |
| ngDblclick | tabindex |
| ngMessages | aria-live |
| ngModel | aria-checked, aria-valuemin, aria-valuemax, aria-valuenow, aria-invalid, aria-required, roles input |
| ngClick | tabindex, событие keypress, роль button |
Дополнительную информацию о каждой директиве можно найти в Руководстве разработчика ngAria.
Использование ngDisabled с ngAria:
<md-checkbox ng-disabled="disabled">
Превращается в:
<md-checkbox ng-disabled="disabled" aria-disabled="true">
Отключение атрибутов
Можно отключить отдельные атрибуты, добавленные ngAria, с помощью метода config. Более подробная информация в Руководстве разработчика.
Установка
Сначала добавьте angular-aria.js в ваш HTML:
<script src="angular.js"> <script src="angular-aria.js">
Вы можете загрузить этот файл из следующих мест:
- Google CDN
Например://ajax.googleapis.com/ajax/libs/angularjs/X.Y.Z/angular-aria.js - Bower
Например:bower install angular-aria@X.Y.Z
- code.angularjs.org
Например:"//code.angularjs.org/X.Y.Z/angular-aria.js"
где X.Y.Z - версия AngularJS, которую вы используете.
Затем загрузите модуль в свое приложение, добавив его в качестве зависимого модуля:
angular.module('app', ['ngAria']);
Теперь вы готовы к работе!
Компоненты модуля
Провайдер
| Имя | Описание |
|---|---|
| $ariaProvider |
Используется для настройки атрибутов ARIA, которые вводятся и управляются ngAria. |
Сервис
| Имя | Описание |
|---|---|
| $aria |
© 2010–2017 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://code.angularjs.org/1.3.20/docs/api/ngAria