Skip to content

Commit 0000208

Browse files
committed
Corrected Label Attribute Documentation for File Directory Treeview Examples
For issue #223, modified examples/treeview/treeview-1/treeview-1a.html: 1. Added bullet describing tree role to the tree row of the roles, states, and properties table. 2. In roles, states, and properties table, corrected the row for label of the tree element: changed from aria-label to aria-labelledby to reflect the example code. For issue #224, Modified examples/treeview/treeview-1/treeview-1b.html: 1. Added bullet describing tree role to the tree row of the roles, states, and properties table. 2. In roles, states, and properties table, corrected the row for label of the tree element: changed from aria-label to aria-labelledby to reflect the example code.
1 parent 63cf981 commit 0000208

File tree

2 files changed

+8
-10
lines changed

2 files changed

+8
-10
lines changed

examples/treeview/treeview-1/treeview-1a.html

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -388,8 +388,9 @@ <h2 id="rps_label">Role, Property, State, and Tabindex Attributes</h2>
388388
<td>
389389
<ul>
390390
<li>Identifies the <code>ul</code> element as an <code>tree</code> widget.</li>
391+
<li>A <code>tree</code> is a container widget for focusable, interactive <code>treeitem</code> elements.</li>
391392
<li>
392-
Is not made focusable with a <code>tabindex</code> value because a
393+
The <code>tree</code> is not made focusable with a <code>tabindex</code> value because a
393394
<a href="../../../#kbd_roving_tabindex">roving tabindex</a>
394395
is used to control which descendant <code>treeitem</code> receives focus.
395396
</li>
@@ -398,11 +399,9 @@ <h2 id="rps_label">Role, Property, State, and Tabindex Attributes</h2>
398399
</tr>
399400
<tr>
400401
<td></td>
401-
<th scope="row"><code>aria-label=&quot;<em>string</em>&quot;</code></th>
402+
<th scope="row"><code>aria-labelledby=&quot;IDREF&quot;</code></th>
402403
<td><code>ul</code></td>
403-
<td>
404-
Defines an accessible name, i.e., label, that identifies the purpose of the <code>tree</code>.
405-
</td>
404+
<td>Refers to the heading element that contains the label that identifies the purpose of the <code>tree</code>.</td>
406405
</tr>
407406
<tr>
408407
<th scope="row"><code>treeitem</code></th>

examples/treeview/treeview-1/treeview-1b.html

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -547,8 +547,9 @@ <h2 id="rps_label">Role, Property, State, and Tabindex Attributes</h2>
547547
<td>
548548
<ul>
549549
<li>Identifies the <code>ul</code> element as an <code>tree</code> widget.</li>
550+
<li>A <code>tree</code> is a container widget for focusable, interactive <code>treeitem</code> elements.</li>
550551
<li>
551-
Is not made focusable with a <code>tabindex</code> value because a
552+
The <code>tree</code> is not made focusable with a <code>tabindex</code> value because a
552553
<a href="../../../#kbd_roving_tabindex">roving tabindex</a>
553554
is used to control which descendant <code>treeitem</code> receives focus.
554555
</li>
@@ -557,11 +558,9 @@ <h2 id="rps_label">Role, Property, State, and Tabindex Attributes</h2>
557558
</tr>
558559
<tr>
559560
<td></td>
560-
<th scope="row"><code>aria-label=&quot;<em>string</em>&quot;</code></th>
561+
<th scope="row"><code>aria-labelledby=&quot;IDREF&quot;</code></th>
561562
<td><code>ul</code></td>
562-
<td>
563-
Defines an accessible name, i.e., label, that identifies the purpose of the <code>tree</code>.
564-
</td>
563+
<td>Refers to the heading element that contains the label that identifies the purpose of the <code>tree</code>.</td>
565564
</tr>
566565
<tr>
567566
<th scope="row"><code>treeitem</code></th>

0 commit comments

Comments
 (0)