@@ -114,13 +114,13 @@ <h2>Accessibility Features</h2>
114
114
</ li >
115
115
</ ul >
116
116
</ section >
117
-
117
+
118
118
< section >
119
119
< h2 id ="kbd_label "> Keyboard Support</ h2 >
120
120
< p >
121
121
< strong > NOTE:</ strong > When visual focus is on a radio button in the radio group, DOM focus remains on the radio group container and the value of < code > aria-activedescendant</ code > on the radio group refers to the radio button that is visually indicated as focused.
122
122
Where the following descriptions of keyboard commands mention focus, they are referring to the visual focus indicator, not DOM focus.
123
- For more information about this focus management technique, see
123
+ For more information about this focus management technique, see
124
124
< a href ="../../../#kbd_focus_activedescendant "> Using aria-activedescendant to Manage Focus.</ a >
125
125
</ p >
126
126
< table aria-labelledby ="kbd_label " class ="def ">
@@ -209,13 +209,13 @@ <h2 id="rps_label">Role, Property, State, and Tabindex Attributes</h2>
209
209
< tr >
210
210
< th scope ="row "> < code > radiogroup</ code > </ th >
211
211
< td > </ td >
212
- < td > < code > div </ code > </ td >
213
- < td > Identifies the < code > div </ code > element as a container for a group of < code > radio</ code > buttons.</ td >
212
+ < td > < code > ul </ code > </ td >
213
+ < td > Identifies the element as a container for a group of < code > radio</ code > buttons.</ td >
214
214
</ tr >
215
215
< tr >
216
216
< td > </ td >
217
217
< th scope ="row "> < code > aria-labelledby="[IDREF]"</ code > </ th >
218
- < td > < code > div </ code > </ td >
218
+ < td > < code > ul </ code > </ td >
219
219
< td > Refers to the element that contains the label of the radio group.</ td >
220
220
</ tr >
221
221
< tr >
@@ -239,7 +239,7 @@ <h2 id="rps_label">Role, Property, State, and Tabindex Attributes</h2>
239
239
< li > When arrow keys are pressed, the JavaScript changes the value.</ li >
240
240
< li > Enables assistive technologies to know which element the application regards as focused while DOM focus remains on the radio group element.</ li >
241
241
< li >
242
- For more information about this focus management technique, see
242
+ For more information about this focus management technique, see
243
243
< a href ="../../../#kbd_focus_activedescendant "> Using aria-activedescendant to Manage Focus.</ a >
244
244
</ li >
245
245
</ ul >
@@ -248,18 +248,18 @@ <h2 id="rps_label">Role, Property, State, and Tabindex Attributes</h2>
248
248
< tr >
249
249
< th scope ="row "> < code > radio</ code > </ th >
250
250
< td > </ td >
251
- < td > < code > div </ code > </ td >
251
+ < td > < code > li </ code > </ td >
252
252
< td >
253
253
< ul >
254
- < li > Identifies the < code > div </ code > element as an ARIA < code > radio</ code > button.</ li >
255
- < li > The accessible name is computed from the child text content of the < code > div </ code > element.</ li >
254
+ < li > Identifies the element as an ARIA < code > radio</ code > button.</ li >
255
+ < li > The accessible name is computed from the child text content of the element.</ li >
256
256
</ ul >
257
257
</ td >
258
258
</ tr >
259
259
< tr >
260
260
< td > </ td >
261
261
< th scope ="row "> < code > aria-checked="false"</ code > </ th >
262
- < td > < code > div </ code > </ td >
262
+ < td > < code > li </ code > </ td >
263
263
< td >
264
264
< ul >
265
265
< li > Identifies < code > radio</ code > buttons which are not checked.</ li >
@@ -271,7 +271,7 @@ <h2 id="rps_label">Role, Property, State, and Tabindex Attributes</h2>
271
271
< tr >
272
272
< td > </ td >
273
273
< th scope ="row "> < code > aria-checked="true"</ code > </ th >
274
- < td > < code > div </ code > </ td >
274
+ < td > < code > li </ code > </ td >
275
275
< td >
276
276
< ul >
277
277
< li > Identifies the < code > radio</ code > button which is checked.</ li >
@@ -283,7 +283,7 @@ <h2 id="rps_label">Role, Property, State, and Tabindex Attributes</h2>
283
283
</ tbody >
284
284
</ table >
285
285
</ section >
286
-
286
+
287
287
< section >
288
288
< h2 > Javascript and CSS Source Code</ h2 >
289
289
< ul >
0 commit comments