Skip to content
This repository was archived by the owner on Apr 12, 2024. It is now read-only.

Commit ffb14ae

Browse files
author
Marcy Sutton
committed
docs(guide/accessibility): Content updates
Also includes new section on ngMessages
1 parent 9cc6835 commit ffb14ae

File tree

1 file changed

+11
-4
lines changed

1 file changed

+11
-4
lines changed

docs/content/guide/accessibility.ngdoc

+11-4
Original file line numberDiff line numberDiff line change
@@ -119,14 +119,22 @@ The default CSS for `ngHide`, the inverse method to `ngShow`, makes ngAria redun
119119
<h2 id="ngclick">ngClick and ngDblClick</h2>
120120
If `ngClick` or `ngDblClick` is encountered, ngAria will add `tabIndex` if it isn't there already.
121121
Even with this, you must currently still add `ng-keypress` to non-interactive elements such as
122-
`<div>` or `<taco-button>` to enable keyboard access. I have recommended this also bind
123-
`ng-keypress` to be more useful; the conversation is [currently ongoing](https://github.com/angular/angular.js/issues/9254).
122+
`<div>` or `<taco-button>` to enable keyboard access. Conversation is
123+
[currently ongoing](https://github.com/angular/angular.js/issues/9254) about whether ngAria
124+
should also bind `ng-keypress` to be more useful.
125+
126+
<h2 id="ngmessages">ngMessages</h2>
127+
128+
The new ngMessages module makes it easy to display form validation or other messages with priority
129+
sequencing and animation. To expose these visual messages to screen readers,
130+
ngAria injects `aria-live="polite"`, causing them to be read aloud any time a message is shown,
131+
regardless of the user's focus location.
124132

125133
* * *
126134

127135
##Disabling attributes
128136
The attribute magic of ngAria may not work for every scenario. To disable individual attributes,
129-
you can use the `{@link ngAria.$ariaProvider#config config}` method:
137+
you can use the {@link ngAria.$ariaProvider#config config} method:
130138

131139
```
132140
angular.module('myApp', ['ngAria'], function config($ariaProvider) {
@@ -135,7 +143,6 @@ angular.module('myApp', ['ngAria'], function config($ariaProvider) {
135143
});
136144
});
137145
```
138-
* * *
139146

140147
##Common Accessibility Patterns
141148

0 commit comments

Comments
 (0)