The $aria service contains helper methods for applying common ARIA attributes to HTML directives.
ngAria injects common accessibility attributes that tell assistive technologies when HTML elements are enabled, selected, hidden, and more. To see how this is performed with ngAria, let's review a code snippet from ngAria itself:
ngAriaModule.directive('ngDisabled', ['$aria', function($aria) {
return $aria.$$watchExpr('ngDisabled', 'aria-disabled');
}])
Shown above, the ngAria module creates a directive with the same signature as the
traditional ng-disabled directive. But this ngAria version is dedicated to
solely managing accessibility attributes. The internal $aria service is used to watch the
boolean attribute ngDisabled. If it has not been explicitly set by the developer,
aria-disabled is injected as an attribute with its value synchronized to the value in
ngDisabled.
Because ngAria hooks into the ng-disabled directive, developers do not have to do
anything to enable this feature. The aria-disabled attribute is automatically managed
simply as a silent side-effect of using ng-disabled with the ngAria module.
The full list of directives that interface with ngAria:
Read the ngAria Developer Guide for a thorough explanation of each directive.
Requires the ngAria module to be installed.