@@ -41,7 +41,7 @@ Currently, ngAria interfaces with the following directives:
41
41
42
42
<h2 id="ngmodel">ngModel</h2>
43
43
44
- Much of ngAria's heavy lifting happens in the {@link ngModel ngModel}
44
+ Much of ngAria's heavy lifting happens in the {@link ng/directive/ ngModel}
45
45
directive. For elements using ngModel, special attention is paid by ngAria if that element also
46
46
has a role or type of `checkbox`, `radio`, `range` or `textbox`.
47
47
@@ -134,14 +134,14 @@ attributes (if they have not been explicitly specified by the developer):
134
134
135
135
ngAria will also add `tabIndex`, ensuring custom elements with these roles will be reachable from
136
136
the keyboard. It is still up to **you** as a developer to **ensure custom controls will be
137
- accessible**. As a rule, any time you create a widget involving user interaction, be sure to test
137
+ accessible**. As a rule, any time you create a widget involving user interaction, be sure to test
138
138
it with your keyboard and at least one mobile and desktop screen reader.
139
139
140
140
<h2 id="ngdisabled">ngDisabled</h2>
141
141
142
142
The `disabled` attribute is only valid for certain elements such as `button`, `input` and
143
143
`textarea`. To properly disable custom element directives such as `<md-checkbox>` or `<taco-tab>`,
144
- using ngAria with [ngDisabled](https://docs.angularjs.org/api/ ng/directive/ngDisabled) will also
144
+ using ngAria with {@link ng/directive/ngDisabled} will also
145
145
add `aria-disabled`. This tells assistive technologies when a non-native input is disabled, helping
146
146
custom controls to be more accessible.
147
147
@@ -162,7 +162,7 @@ Becomes:
162
162
163
163
<h2 id="ngshow">ngShow</h2>
164
164
165
- >The [ngShow](https://docs.angularjs.org/api/ ng/directive/ngShow) directive shows or hides the
165
+ >The {@link ng/directive/ngShow} directive shows or hides the
166
166
given HTML element based on the expression provided to the `ngShow` attribute. The element is
167
167
shown or hidden by removing or adding the `.ng-hide` CSS class onto the element.
168
168
@@ -199,7 +199,7 @@ Becomes:
199
199
200
200
<h2 id="nghide">ngHide</h2>
201
201
202
- >The [ngHide](https://docs.angularjs.org/api/ ng/directive/ngHide) directive shows or hides the
202
+ >The {@link ng/directive/ngHide} directive shows or hides the
203
203
given HTML element based on the expression provided to the `ngHide` attribute. The element is
204
204
shown or hidden by removing or adding the `.ng-hide` CSS class onto the element.
205
205
@@ -208,7 +208,7 @@ The default CSS for `ngHide`, the inverse method to `ngShow`, makes ngAria redun
208
208
`display: none`. See explanation for {@link guide/accessibility#ngshow ngShow} when overriding the default CSS.
209
209
210
210
<h2><span id="ngclick">ngClick</span> and <span id="ngdblclick">ngDblclick</span></h2>
211
- If `ng-click` or `ng-dblclick` is encountered, ngAria will add `tabindex="0"` to any element not in
211
+ If `ng-click` or `ng-dblclick` is encountered, ngAria will add `tabindex="0"` to any element not in
212
212
a node blacklist:
213
213
214
214
* Button
@@ -218,14 +218,14 @@ a node blacklist:
218
218
* Select
219
219
* Details/Summary
220
220
221
- To fix widespread accessibility problems with `ng-click` on `div` elements, ngAria will
221
+ To fix widespread accessibility problems with `ng-click` on `div` elements, ngAria will
222
222
dynamically bind a keypress event by default as long as the element isn't in the node blacklist.
223
- You can turn this functionality on or off with the `bindKeypress` configuration option.
223
+ You can turn this functionality on or off with the `bindKeypress` configuration option.
224
224
225
225
ngAria will also add the `button` role to communicate to users of assistive technologies. This can
226
226
be disabled with the `bindRoleForClick` configuration option.
227
227
228
- For `ng-dblclick`, you must still manually add `ng-keypress` and a role to non-interactive elements
228
+ For `ng-dblclick`, you must still manually add `ng-keypress` and a role to non-interactive elements
229
229
such as `div` or `taco-button` to enable keyboard access.
230
230
231
231
<h3>Example</h3>
0 commit comments