Improve this Doc

ngAria

The ngAria module provides support for adding ARIA attributes that convey state or semantic information about the application in order to allow assistive technologies to convey appropriate information to persons with disabilities.

Usage

To enable the addition of the ARIA tags, just require the module into your application and the tags will hook into your ng-show/ng-hide, input, textarea, button, select and ng-required directives and adds the appropriate ARIA attributes.

Currently, the following ARIA attributes are implemented:

You can disable individual ARIA attributes by using the config method.

Installation

First include angular-aria.js in your HTML:

    <script src="angular.js">
    <script src="angular-aria.js">

You can download this file from the following places:

where X.Y.Z is the AngularJS version you are running.

Then load the module in your application by adding it as a dependent module:

  angular.module('app', ['ngAria']);

With that you're ready to get started!

Module Components

Provider

Name Description
$ariaProvider

Used for configuring ARIA attributes.

Service

Name Description
$aria

Contains helper methods for applying ARIA attributes to HTML