这是indexloc提供的服务，不要输入任何密码
Skip to content

Revert new labeling mechanisms #1491

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 3 commits into from
Jun 30, 2021
Merged

Revert new labeling mechanisms #1491

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
beeb115
Revert new labeling mechanisms
jnurthen May 26, 2021
0056f32
remove encapsulation from meter
jnurthen May 26, 2021
551ab0f
remove extra sections
jnurthen May 26, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
268 changes: 7 additions & 261 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -685,8 +685,6 @@ <h3>Accessible Name Calculation</h3>
<ol>
<li>author: name comes from values provided by the author in explicit markup features such as the <pref>aria-label</pref> attribute, the <pref>aria-labelledby</pref> attribute, or the host language labeling mechanism, such as the <code>alt</code> or <code>title</code> attributes in <abbr title="Hypertext Markup Language">HTML</abbr>, with HTML <code>title</code> attribute having the lowest precedence for specifying a text alternative.</li>
<li>contents: name comes from the text value of the <a>element</a> node. Although this may be allowed in addition to "author" in some <a>roles</a>, this is used in content only if higher priority "author" features are not provided. Priority is defined by the <a href="#mapping_additional_nd_te" class="accname">accessible name and description computation</a> algorithm [[ACCNAME-1.2]].</li>
<li>encapsulation: name comes from the text value of the <a>element</a> node with role <code>label</code> that is the closest ancestor. Although "encapsulation" may be allowed in addition to "author" and "contents" in some <a>roles</a>, "encapsulation" is used only if higher priority "author" features are not provided. Priority is defined by the <a href="#mapping_additional_nd_te" class="accname">accessible name and description computation</a> algorithm.</li>
<li>legend: name comes from the text value of the first descendant <a>element</a> node with the role of <code>legend</code>. Although "legend" may be allowed in addition to "author" in some <a>roles</a>, "legend" is used in content only if higher priority "author" features are not provided. Priority is defined by the <a href="#mapping_additional_nd_te" class="accname">accessible name and description computation</a> algorithm.</li>
<li>prohibited: the element does not support name from author. Authors MUST NOT use the <pref>aria-label</pref> or <pref>aria-labelledby</pref> attributes to name the element.</li>
</ol>
</dd>
Expand All @@ -711,16 +709,6 @@ <h4>Roles Supporting Name from Author</h4>
<section id="namefromcontent">
<h4>Roles Supporting Name from Content</h4>
<div id="index_fromcontent">
</div>
</section>
<section id="namefromencapsulation">
<h4>Roles Supporting Name from Encapsulation</h4>
<div id="index_fromencapsulation">
</div>
</section>
<section id="namefromlegend">
<h4>Roles Supporting Name from Legend</h4>
<div id="index_fromlegend">
</div>
</section>
<section id="namefromprohibited">
Expand Down Expand Up @@ -846,8 +834,6 @@ <h3>Document Structure Roles</h3>
<li><rref>heading</rref></li>
<li><rref>img</rref></li>
<li><rref>insertion</rref></li>
<li><rref>label</rref></li>
<li><rref>legend</rref></li>
<li><rref>list</rref></li>
<li><rref>listitem</rref></li>
<li><rref>mark</rref></li>
Expand Down Expand Up @@ -2076,7 +2062,6 @@ <h2>Definition of Roles</h2>
<td class="role-namefrom">
<ul>
<li>contents</li>
<li>encapsulation</li>
<li>author</li>
</ul>
</td>
Expand Down Expand Up @@ -3989,12 +3974,7 @@ <h2>Definition of Roles</h2>
</tr>
<tr>
<th class="role-namefrom-head" scope="row">Name From:</th>
<td class="role-namefrom">
<ul>
<li>author</li>
<li>legend</li>
</ul>
</td>
<td class="role-namefrom">author</td>
</tr>
<tr>
<th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
Expand Down Expand Up @@ -4343,111 +4323,6 @@ <h5>Note regarding the ARIA 1.3 <code>image</code> role.</h5>
</tbody>
</table>
</div>
<div class="role" id="label">
<rdef>label</rdef>
<div class="role-description">
<p>A visible name or caption for a user interface component.</p>
<p>An element with role <code>label</code> can provide an <a>accessible name</a> for a user interface component if it is programmatically associated with the element. Authors MAY associate an element with role <code>label</code> with another element by using one of two methods:</p>
<ul>
<li>encapsulation: The element with role <code>label</code> contains the element it names.
<li>reference: The element with role <code>label</code> is referenced by the element it names via the <pref>aria-labelledby</pref> attribute.</li>
</ul>
<p>The encapsulation method of naming is supported only if the element being named has one of the following roles:</p>
<ul>
<li><pref>checkbox</pref></li>
<li><pref>listbox</pref></li>
<li><pref>meter</pref></li>
<li><pref>radio</pref></li>
<li><pref>searchbox</pref></li>
<li><pref>spinbutton</pref></li>
<li><pref>switch</pref></li>
<li><pref>textbox</pref></li>
</ul>
<p>Authors SHOULD ensure that:</p>
<ul>
<li>All elements with role <code>label</code> are associated with one or more other elements.</li>
<li>When an element with role <code>label</code> is activated by touch or a pointer and its associated element is focusable, focus moves to the associated element. If more than one focusable element is associated with the same label, focus moves to the first element.</li>
</ul>
<p class="ednote">Implementation of the <code>label</code> role as described here is currently unlikely. At this time it is anticipated that the <code>label</code> role will not be available in the ARIA 1.3 release</p>
</div>
<table class="role-features">
<caption>Characteristics:</caption>
<thead>
<tr>
<th scope="col">Characteristic</th>
<th scope="col">Value</th>
</tr>
</thead>
<tbody>
<tr>
<th class="role-abstract-head" scope="row">Is Abstract:</th>
<td class="role-abstract"> </td>
</tr>
<tr>
<th class="role-parent-head" scope="row">Superclass Role:</th>
<td class="role-parent"><rref>section</rref></td>
</tr>
<tr>
<th class="role-children-head" scope="row">Subclass Roles:</th>
<td class="role-children"></td>
</tr>
<tr>
<th class="role-base-head" scope="row">Base Concept:</th>
<td class="role-base"><code>&lt;label&gt;</code> in [[HTML]]</td>

</tr>
<tr>
<th class="role-related-head" scope="row">Related Concepts:</th>
<td class="role-related"> </td>
</tr>
<tr>
<th class="role-scope-head" scope="row">Required Context Role:</th>
<td class="role-scope"><rref></rref></td>
</tr>
<tr>
<th class="role-mustcontain-head" scope="row">Required Owned Elements:</th>
<td class="role-mustcontain"> </td>
</tr>
<tr>
<th class="role-required-properties-head">Required States and Properties:</th>
<td class="role-required-properties"> </td>
</tr>
<tr>
<th class="role-properties-head" scope="row">Supported States and Properties:</th>
<td class="role-properties"></td>
</tr>
<tr>
<th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
<td class="role-inherited">Placeholder</td>
</tr>
<tr>
<th class="role-namefrom-head" scope="row">Name From:</th>
<td class="role-namefrom">
<ul>
<li>contents</li>
<li>author</li>
</ul>
</td>
</tr>
<tr>
<th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
<td class="role-namerequired">True</td>
</tr>
<tr>
<th class="role-namerequired-inherited-head" scope="row">Inherits Name Required:</th>
<td class="role-namerequired-inherited"> </td>
</tr>
<tr>
<th class="role-childpresentational-head" scope="row">Children Presentational:</th>
<td class="role-childpresentational"> </td>
</tr>
<tr>
<th class="role-presentational-inherited-head" scope="row">Inherits Presentational:</th>
<td class="role-presentational-inherited"> </td>
</tr>
</tbody>
</table>
</div>
<div class="role" id="landmark">
<rdef>landmark</rdef>
<div class="role-description">
Expand Down Expand Up @@ -4530,103 +4405,6 @@ <h5>Note regarding the ARIA 1.3 <code>image</code> role.</h5>
</tbody>
</table>
</div>
<div class="role" id="legend">
<rdef>legend</rdef>
<div class="role-description">
<p>A visible name or caption for a group of related user interface components.</p>
<p>A element with role <code>legend</code> element can provide an accessible name for elements with grouping roles if it is progammatically associated with the element. Authors MAY associate an element with role <code>legend</code> with an element by using one of two methods:</p>
<ul>
<li>legend: The element contains an element with role <code>legend</code> element. If the element contains more than one element with role <code>legend</code>, only the first descendant element with role <code>legend</code> is used for computing the accessible name.</li>
<li>reference: The element with role <code>legend</code> is referenced by the element it names via the <pref>aria-labelledby</pref> attribute.</li>
</ul>
<p>The legend method of naming is supported only if the element being named has one of the following grouping roles:</p>
<ul>
<li><pref>group</pref></li>
<li><pref>radiogroup</pref> </li>
</ul>
<p>Authors SHOULD ensure that:</p>
<ul>
<li>All elements with role <code>legend</code> are associated with one or more elements with grouping roles.</li>
<li>When an element with role <code>legend</code> is activated by touch or a pointer, focus moves to the first focusable element in the associated group of user interface components.</li>
</ul>
</div>
<table class="role-features">
<caption>Characteristics:</caption>
<thead>
<tr>
<th scope="col">Characteristic</th>
<th scope="col">Value</th>
</tr>
</thead>
<tbody>
<tr>
<th class="role-abstract-head" scope="row">Is Abstract:</th>
<td class="role-abstract"> </td>
</tr>
<tr>
<th class="role-parent-head" scope="row">Superclass Role:</th>
<td class="role-parent"><rref>section</rref></td>
</tr>
<tr>
<th class="role-children-head" scope="row">Subclass Roles:</th>
<td class="role-children"></td>
</tr>
<tr>
<th class="role-base-head" scope="row">Base Concept:</th>
<td class="role-base"><code>&lt;legend&gt;</code> in [[HTML]]</td>
</tr>
<tr>
<th class="role-related-head" scope="row">Related Concepts:</th>
<td class="role-related"> </td>
</tr>
<tr>
<th class="role-scope-head" scope="row">Required Context Role:</th>
<td class="role-scope"><rref></rref></td>
</tr>
<tr>
<th class="role-mustcontain-head" scope="row">Required Owned Elements:</th>
<td class="role-mustcontain"> </td>
</tr>
<tr>
<th class="role-required-properties-head">Required States and Properties:</th>
<td class="role-required-properties"> </td>
</tr>
<tr>
<th class="role-properties-head" scope="row">Supported States and Properties:</th>
<td class="role-properties"></td>
</tr>
<tr>
<th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
<td class="role-inherited">Placeholder</td>
</tr>
<tr>
<th class="role-namefrom-head" scope="row">Name From:</th>
<td class="role-namefrom">
<ul>
<li>contents</li>
<li>author</li>
</ul>
</td>
</tr>
<tr>
<th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
<td class="role-namerequired">True</td>
</tr>
<tr>
<th class="role-namerequired-inherited-head" scope="row">Inherits Name Required:</th>
<td class="role-namerequired-inherited"> </td>
</tr>
<tr>
<th class="role-childpresentational-head" scope="row">Children Presentational:</th>
<td class="role-childpresentational"> </td>
</tr>
<tr>
<th class="role-presentational-inherited-head" scope="row">Inherits Presentational:</th>
<td class="role-presentational-inherited"> </td>
</tr>
</tbody>
</table>
</div>
<div class="role" id="link">
<rdef>link</rdef>
<div class="role-description">
Expand Down Expand Up @@ -4888,12 +4666,7 @@ <h5>Note regarding the ARIA 1.3 <code>image</code> role.</h5>
</tr>
<tr>
<th class="role-namefrom-head" scope="row">Name From:</th>
<td class="role-namefrom">
<ul>
<li>encapsulation</li>
<li>author</li>
</ul>
</td>
<td class="role-namefrom">author</td>
</tr>
<tr>
<th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
Expand Down Expand Up @@ -6038,12 +5811,7 @@ <h4>Plain HTML or Polyfill DOM Result of the MathML Quadratic Formula</h4>
</tr>
<tr>
<th class="role-namefrom-head" scope="row">Name From:</th>
<td class="role-namefrom">
<ul>
<li>encapsulation</li>
<li>author</li>
</ul>
</td>
<td class="role-namefrom">author</td>
</tr>
<tr>
<th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
Expand Down Expand Up @@ -6855,7 +6623,6 @@ <h5>Note regarding the ARIA 1.1 <rref>none</rref> role.</h5>
<td class="role-namefrom">
<ul>
<li>contents</li>
<li>encapsulation</li>
<li>author</li>
</ul>
</td>
Expand Down Expand Up @@ -6944,12 +6711,7 @@ <h5>Note regarding the ARIA 1.1 <rref>none</rref> role.</h5>
</tr>
<tr>
<th class="role-namefrom-head" scope="row">Name From:</th>
<td class="role-namefrom">
<ul>
<li>author</li>
<li>legend</li>
</ul>
</td>
<td class="role-namefrom">author</td>
</tr>
<tr>
<th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
Expand Down Expand Up @@ -7749,12 +7511,7 @@ <h5>Note regarding the ARIA 1.1 <rref>none</rref> role.</h5>
</tr>
<tr>
<th class="role-namefrom-head" scope="row">Name From:</th>
<td class="role-namefrom">
<ul>
<li>encapsulation</li>
<li>author</li>
</ul>
</td>
<td class="role-namefrom">author</td>
</tr>
<tr>
<th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
Expand Down Expand Up @@ -8290,12 +8047,7 @@ <h5>Note regarding the ARIA 1.1 <rref>none</rref> role.</h5>
</tr>
<tr>
<th class="role-namefrom-head" scope="row">Name From:</th>
<td class="role-namefrom">
<ul>
<li>encapsulation</li>
<li>author</li>
</ul>
</td>
<td class="role-namefrom">author</td>
</tr>
<tr>
<th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
Expand Down Expand Up @@ -8917,7 +8669,6 @@ <h5>Note regarding the ARIA 1.1 <rref>none</rref> role.</h5>
<td class="role-namefrom">
<ul>
<li>contents</li>
<li>encapsulation</li>
<li>author</li>
</ul>
</td>
Expand Down Expand Up @@ -9599,12 +9350,7 @@ <h5>Note regarding the ARIA 1.1 <rref>none</rref> role.</h5>
</tr>
<tr>
<th class="role-namefrom-head" scope="row">Name From:</th>
<td class="role-namefrom">
<ul>
<li>encapsulation</li>
<li>author</li>
</ul>
</td>
<td class="role-namefrom">author</td>
</tr>
<tr>
<th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
Expand Down