You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: index.html
+8-8
Original file line number
Diff line number
Diff line change
@@ -572,14 +572,14 @@ <h3>Information for User Agents</h3>
572
572
<li>Set the <abbr title="Document Object Model">DOM</abbr> focus:
573
573
<ol>
574
574
<li>If the <a class="termref">element</a> can take <abbr title="Document Object Model">DOM</abbr> focus, the <a class="termref">user agent</a> MUST set the <abbr title="Document Object Model">DOM</abbr> focus to it.</li>
575
-
<li>Otherwise, if the current element has an ID and the ID is referenced by the <pref>aria-activedescendant</pref> attribute of an element that is focusable, the user agent MUST set <abbr title="Document Object Model">DOM</abbr> focus to the element that has the <pref>aria-activedescendant</pref> attribute.
575
+
<li>Otherwise, if the element being focused has an ID and the ID is referenced by the <pref>aria-activedescendant</pref> attribute of an element that is focusable, the user agent MUST set <abbr title="Document Object Model">DOM</abbr> focus to the element that has the <pref>aria-activedescendant</pref> attribute.
576
576
<p class="note">An element with an ID can be referenced when it is <a>owned</a> by a container element that has the <pref>aria-activedescendant</pref> attribute or by a container element that is controlled by an element that has the <pref>aria-activedescendant</pref> attribute (e.g. see <ref>combobox</ref>). Otherwise the <pref>aria-activedescendant</pref> attribute reference indicates an author error.</p>
577
577
<p class="note">The inability to set <abbr title="Document Object Model">DOM</abbr> focus to the containing element indicates an author error.</p>
578
578
</li>
579
579
<li>Otherwise, the user agent MAY attempt to set <abbr title="Document Object Model">DOM</abbr> focus to the child element itself.</li>
580
580
</ol>
581
581
</li>
582
-
<li>If the current element has an ID and is <a>owned</a> by either a container element with both an <code>aria-activedescendant</code> attribute and has <abbr title="Document Object Model">DOM</abbr> focus, or by a container element that is controlled by an element with both an <pref>aria-activedescendant</pref> attribute and has <abbr title="Document Object Model">DOM</abbr> focus, the user agent MUST set the accessibility <abbr title="Application Programming Interface">API</abbr> focused state and fire an accessibility <abbr title="Application Programming Interface">API</abbr> focus <a>event</a> on the element identified by the value of <code>aria-activedescendant</code>.</li>
582
+
<li>If the element being focused has an ID and is <a>owned</a> by either a container element with both an <code>aria-activedescendant</code> attribute and has <abbr title="Document Object Model">DOM</abbr> focus, or by a container element that is controlled by an element with both an <pref>aria-activedescendant</pref> attribute and has <abbr title="Document Object Model">DOM</abbr> focus, the user agent MUST set the accessibility <abbr title="Application Programming Interface">API</abbr> focused state and fire an accessibility <abbr title="Application Programming Interface">API</abbr> focus <a>event</a> on the element identified by the value of <code>aria-activedescendant</code>.</li>
583
583
</ol>
584
584
</section>
585
585
</section>
@@ -10794,7 +10794,7 @@ <h2>Definitions of States and Properties (all aria-* attributes)</h2>
10794
10794
<div class="property" id="aria-braillelabel">
10795
10795
<pdef>aria-braillelabel</pdef>
10796
10796
<div class="property-description">
10797
-
<p>Defines a string value that labels the current element, which is intended to be converted into Braille. See related <pref>aria-label</pref>.</p>
10797
+
<p>Defines a string value that labels the element, which is intended to be converted into Braille. See related <pref>aria-label</pref>.</p>
10798
10798
<p>The purpose of <pref>aria-braillelabel</pref> is similar to that of <pref>aria-label</pref>. It provides the user with a recognizable name of the object in Braille.</p>
10799
10799
<p>The <pref>aria-braillelabel</pref> property gives authors the ability to override how assistive technologies localize and express the accessible name of an element in Braille. Thus inappropriately using <pref>aria-braillelabel</pref> may inhibit users' ability to understand an element on braille interfaces. Authors SHOULD limit use of <pref>aria-braillelabel</pref> to instances where the name of an element when converted to Braille is not the desired user experience.</p>
10800
10800
<p> When using <code>aria-braillelabel</code>, authors SHOULD also ensure that:</p>
@@ -11276,7 +11276,7 @@ <h2>Definitions of States and Properties (all aria-* attributes)</h2>
11276
11276
<div class="property" id="aria-controls">
11277
11277
<pdef>aria-controls</pdef>
11278
11278
<div class="property-description">
11279
-
<p>Identifies the <a>element</a> (or elements) whose contents or presence are controlled by the current element. See related <pref>aria-owns</pref>.</p>
11279
+
<p>Identifies the <a>element</a> (or elements) whose contents or presence are controlled by the element with aria-controls. See related <pref>aria-owns</pref>.</p>
11280
11280
<p>For example:</p>
11281
11281
<ul>
11282
11282
<li>A table of contents tree view may control the content of a neighboring document pane.</li>
@@ -11443,7 +11443,7 @@ <h2>Definitions of States and Properties (all aria-* attributes)</h2>
11443
11443
<div class="property" id="aria-description">
11444
11444
<pdef>aria-description</pdef>
11445
11445
<div class="property-description">
11446
-
<p>Defines a string value that describes or annotates the current element. See related <pref>aria-describedby</pref>.</p>
11446
+
<p>Defines a string value that describes or annotates the element. See related <pref>aria-describedby</pref>.</p>
11447
11447
<p>The <pref>aria-description</pref> attribute is similar to <pref>aria-label</pref> in that both provide a flat string to associate with the element, but a label should be concise, whereas a description is intended to provide more verbose information.</p>
11448
11448
<p>The purpose of <pref>aria-description</pref> is the same as that of <pref>aria-describedby</pref>. It provides the user with additional descriptive text for the object. The most common <a>accessibility <abbr title="Application Programing Interfaces">API</abbr></a> mapping for a description is the <a>accessible description</a> property. User agents MUST give precedence to <pref>aria-describedby</pref> over <pref>aria-description</pref> when computing the accessible description property.</p>
11449
11449
<p>In cases where providing a visible description is not the desired user experience, authors MAY set the accessible description of the element using <pref>aria-description</pref>. However, if the description text is available in the DOM, authors SHOULD NOT use <pref>aria-description</pref>, but should use one of the following instead:</p>
@@ -11555,7 +11555,7 @@ <h2>Definitions of States and Properties (all aria-* attributes)</h2>
11555
11555
<div class="state-description">
11556
11556
<p>Indicates that the <a>element</a> is <a>perceivable</a> but disabled, so it is not editable or otherwise <a>operable</a>. See related <sref>aria-hidden</sref> and <pref>aria-readonly</pref>.</p>
11557
11557
<p>For example, irrelevant options in a radio group may be disabled. Disabled elements might not receive focus from the tab order. For some disabled elements, applications might choose not to support navigation to descendants. In addition to setting the <sref>aria-disabled</sref> attribute, authors SHOULD change the appearance (grayed out, etc.) to indicate that the item has been disabled.</p>
11558
-
<p>The <a>state</a> of being disabled applies to the current element and all focusable descendant elements of the element on which the <sref>aria-disabled</sref> <a>attribute</a> is applied.</p>
11558
+
<p>The <a>state</a> of being disabled applies to the element with aria-disabled and all focusable descendant elements of the element on which the <sref>aria-disabled</sref> <a>attribute</a> is applied.</p>
11559
11559
<p class="note">While <sref>aria-disabled</sref> and proper scripting can successfully disable an element with role <rref>link</rref>, fully disabling a host language equivalent can be problematic. Authors are advised not to use <sref>aria-disabled</sref> on elements that cannot be disabled through features of the host language alone.</p>
11560
11560
<p class="note" title="Usage on columnheader, rowheader and row">While <sref>aria-disabled</sref> is currently supported on <rref>columnheader</rref>, <rref>rowheader</rref>, and <rref>row</rref>, in a future version the working group plans to prohibit its use on elements with any of those three roles except when they are in the context of a <rref>grid</rref> or <rref>treegrid</rref>.</p>
11561
11561
<p class="note">This state is being deprecated as a global state in ARIA 1.2. In future versions it will only be allowed on roles where it is specifically supported.</p>
@@ -12147,7 +12147,7 @@ <h2>Definitions of States and Properties (all aria-* attributes)</h2>
12147
12147
<div class="property" id="aria-label">
12148
12148
<pdef>aria-label</pdef>
12149
12149
<div class="property-description">
12150
-
<p>Defines a string value that labels the current element. See related <pref>aria-labelledby</pref>.</p>
12150
+
<p>Defines a string value that labels the element. See related <pref>aria-labelledby</pref>.</p>
12151
12151
<p>The purpose of <pref>aria-label</pref> is the same as that of <pref>aria-labelledby</pref>. It provides the user with a recognizable name of the object. The most common <a>accessibility <abbr title="Application Programing Interfaces">API</abbr></a> mapping for a label is the <a>accessible name</a> property.</p>
12152
12152
<p>If the label text is available in the DOM (i.e. typically visible text content), authors SHOULD use <pref>aria-labelledby</pref> and SHOULD NOT use <pref>aria-label</pref>. There may be instances where the name of an element cannot be determined programmatically from the DOM, and there are cases where referencing DOM content is not the desired user experience. Most host languages provide an attribute that could be used to name the element (e.g., the <code>title</code> attribute in [[HTML]]), yet this could present a browser tooltip. In the cases where DOM content or a tooltip is undesirable, authors MAY set the accessible name of the element using <pref>aria-label</pref>. As required by the <a href="#textalternativecomputation">accessible name and description computation</a>, user agents give precedence to <pref>aria-labelledby</pref> over <pref>aria-label</pref> when computing the accessible name property.</p>
12153
12153
</div>
@@ -12182,7 +12182,7 @@ <h2>Definitions of States and Properties (all aria-* attributes)</h2>
12182
12182
<div class="property" id="aria-labelledby">
12183
12183
<pdef>aria-labelledby</pdef>
12184
12184
<div class="property-description">
12185
-
<p>Identifies the <a>element</a> (or elements) that labels the current element. See related <pref>aria-label</pref> and <pref>aria-describedby</pref>.</p>
12185
+
<p>Identifies the <a>element</a> (or elements) that labels the element with aria-labelledby. See related <pref>aria-label</pref> and <pref>aria-describedby</pref>.</p>
12186
12186
<p>The purpose of <pref>aria-labelledby</pref> is the same as that of <pref>aria-label</pref>. It provides the user with a recognizable name of the object. The most common <a>accessibility <abbr title="Application Programing Interfaces">API</abbr></a> mapping for a label is the <a>accessible name</a> property.</p>
12187
12187
<p>If the interface is such that it is not possible to have a visible label on the screen, authors SHOULD use <pref>aria-label</pref> and SHOULD NOT use <pref>aria-labelledby</pref>. As required by the <a href="#textalternativecomputation">accessible name and description computation</a>, user agents give precedence to <pref>aria-labelledby</pref> over <pref>aria-label</pref> when computing the accessible name property.</p>
12188
12188
<p>The <pref>aria-labelledby</pref> attribute is similar to <pref>aria-describedby</pref> in that both reference other elements to calculate a text alternative, but a label should be concise, where a description is intended to provide more verbose information.</p>
0 commit comments