Skip to content

Commit 30af679

Browse files
jongundmcking65
authored andcommitted
Radio Group Example: Fix documentation of elements used in attributes table (pull #924)
Fixes issue #917; changes element used column and revises explanations in usage column of attributes table.
1 parent 60a05c0 commit 30af679

File tree

1 file changed

+12
-12
lines changed

1 file changed

+12
-12
lines changed

examples/radio/radio-2/radio-2.html

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -114,13 +114,13 @@ <h2>Accessibility Features</h2>
114114
</li>
115115
</ul>
116116
</section>
117-
117+
118118
<section>
119119
<h2 id="kbd_label">Keyboard Support</h2>
120120
<p>
121121
<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.
122122
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
124124
<a href="../../../#kbd_focus_activedescendant">Using aria-activedescendant to Manage Focus.</a>
125125
</p>
126126
<table aria-labelledby="kbd_label" class="def">
@@ -209,13 +209,13 @@ <h2 id="rps_label">Role, Property, State, and Tabindex Attributes</h2>
209209
<tr>
210210
<th scope="row"><code>radiogroup</code></th>
211211
<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>
214214
</tr>
215215
<tr>
216216
<td></td>
217217
<th scope="row"><code>aria-labelledby="[IDREF]"</code></th>
218-
<td><code>div</code></td>
218+
<td><code>ul</code></td>
219219
<td>Refers to the element that contains the label of the radio group.</td>
220220
</tr>
221221
<tr>
@@ -239,7 +239,7 @@ <h2 id="rps_label">Role, Property, State, and Tabindex Attributes</h2>
239239
<li>When arrow keys are pressed, the JavaScript changes the value.</li>
240240
<li>Enables assistive technologies to know which element the application regards as focused while DOM focus remains on the radio group element.</li>
241241
<li>
242-
For more information about this focus management technique, see
242+
For more information about this focus management technique, see
243243
<a href="../../../#kbd_focus_activedescendant">Using aria-activedescendant to Manage Focus.</a>
244244
</li>
245245
</ul>
@@ -248,18 +248,18 @@ <h2 id="rps_label">Role, Property, State, and Tabindex Attributes</h2>
248248
<tr>
249249
<th scope="row"><code>radio</code></th>
250250
<td></td>
251-
<td><code>div</code></td>
251+
<td><code>li</code></td>
252252
<td>
253253
<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>
256256
</ul>
257257
</td>
258258
</tr>
259259
<tr>
260260
<td></td>
261261
<th scope="row"><code>aria-checked="false"</code></th>
262-
<td><code>div</code></td>
262+
<td><code>li</code></td>
263263
<td>
264264
<ul>
265265
<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>
271271
<tr>
272272
<td></td>
273273
<th scope="row"><code>aria-checked="true"</code></th>
274-
<td><code>div</code></td>
274+
<td><code>li</code></td>
275275
<td>
276276
<ul>
277277
<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>
283283
</tbody>
284284
</table>
285285
</section>
286-
286+
287287
<section>
288288
<h2>Javascript and CSS Source Code</h2>
289289
<ul>

0 commit comments

Comments
 (0)