Skip to content

Commit

Permalink
remove 4 Global States and properties (#999) (#1023)
Browse files Browse the repository at this point in the history 
Removes the following 4 attributes from global attributes:
* aria-disabled
* aria-errormessage
* aria-haspopup
* aria-invalid

Adds the above attributes back as supported attributes on certain roles (and their subclasses), as follows:

aria-disabled

application
button
composite
gridcell
group
input
link
menuitem
scrollbar
separator
tab

aria-errormessage

application
checkbox
combobox
gridcell
listbox
radiogroup
slider
spinbutton
textbox
tree

aria-haspopup

application
button
combobox
gridcell
menuitem
slider
tab
textbox
treeitem

aria-invalid

application
checkbox
combobox
gridcell
listbox
radiogroup
slider
spinbutton
textbox
tree
  • Loading branch information
@jnurthen
jnurthen authored Oct 22, 2019
1 parent 291a434 commit 5b971a1
Showing 1 changed file with 74 additions and 16 deletions.
90 changes: 74 additions & 16 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -946,11 +946,15 @@ <h2>Definition of Roles</h2>
<tr>
<th class="role-properties-head" scope="row">Supported States and Properties:</th>
<td class="role-properties">
<ul>
<li><pref>aria-activedescendant</pref></li>
<li><sref>aria-expanded</sref></li>
</ul>
</td>
<ul>
<li><pref>aria-activedescendant</pref></li>
<li><sref>aria-disabled</sref></li>
<li><pref>aria-errormessage</pref></li>
<li><sref>aria-expanded</sref></li>
<li><pref>aria-haspopup</pref></li>
<li><sref>aria-invalid</sref></li>
</ul>
</td>
</tr>
<tr>
<th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
Expand Down Expand Up @@ -1548,6 +1552,8 @@ <h2>Definition of Roles</h2>
<th class="role-properties-head" scope="row">Supported States and Properties:</th>
<td class="role-properties">
<ul>
<li><sref>aria-disabled</sref></li>
<li><pref>aria-haspopup</pref></li>
<li><sref>aria-expanded</sref></li>
<li><sref>aria-pressed</sref></li>
</ul>
Expand Down Expand Up @@ -1824,7 +1830,9 @@ <h2>Definition of Roles</h2>
<th class="role-properties-head" scope="row">Supported States and Properties:</th>
<td class="role-properties">
<ul>
<li><pref>aria-errormessage</pref></li>
<li><sref>aria-expanded</sref></li>
<li><sref>aria-invalid</sref></li>
<li><pref>aria-readonly</pref></li>
<li><pref>aria-required</pref></li>
</ul>
Expand Down Expand Up @@ -2136,9 +2144,12 @@ <h2>Definition of Roles</h2>
</tr>
<tr>
<th class="role-properties-head" scope="row">Supported States and Properties:</th>
<td class="role-properties">
<td class="role-properties">
<ul>
<li><pref>aria-autocomplete</pref></li>
<li><pref>aria-errormessage</pref></li>
<li><pref>aria-haspopup</pref></li>
<li><sref>aria-invalid</sref></li>
<li><pref>aria-readonly</pref></li>
<li><pref>aria-required</pref></li>
</ul>
Expand Down Expand Up @@ -2376,7 +2387,12 @@ <h2>Definition of Roles</h2>
</tr>
<tr>
<th class="role-properties-head" scope="row">Supported States and Properties:</th>
<td class="role-properties"><pref>aria-activedescendant</pref></td>
<td class="role-properties">
<ul>
<li><pref>aria-activedescendant</pref></li>
<li><sref>aria-disabled</sref></li>
</ul>
</td>
</tr>
<tr>
<th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
Expand Down Expand Up @@ -3483,7 +3499,11 @@ <h2>Definition of Roles</h2>
<th class="role-properties-head" scope="row">Supported States and Properties:</th>
<td class="role-properties">
<ul>
<li><sref>aria-expanded</sref></li>
<li><sref>aria-disabled</sref></li>
<li><pref>aria-errormessage</pref></li>
<li><sref>aria-expanded</sref></li>
<li><pref>aria-haspopup</pref></li>
<li><sref>aria-invalid</sref></li>
<li><pref>aria-readonly</pref></li>
<li><pref>aria-required</pref></li>
<li><sref>aria-selected</sref></li>
Expand Down Expand Up @@ -3573,7 +3593,12 @@ <h2>Definition of Roles</h2>
</tr>
<tr>
<th class="role-properties-head" scope="row">Supported States and Properties:</th>
<td class="role-properties"><pref>aria-activedescendant</pref></td>
<td class="role-properties">
<ul>
<li><pref>aria-activedescendant</pref></li>
<li><sref>aria-disabled</sref></li>
</ul>
</td>
</tr>
<tr>
<th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
Expand Down Expand Up @@ -3809,7 +3834,7 @@ <h2>Definition of Roles</h2>
</tr>
<tr>
<th class="role-properties-head" scope="row">Supported States and Properties:</th>
<td class="role-properties"> </td>
<td class="role-properties"><sref>aria-disabled</sref></td>
</tr>
<tr>
<th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
Expand Down Expand Up @@ -4261,6 +4286,7 @@ <h2>Definition of Roles</h2>
<th class="role-properties-head" scope="row">Supported States and Properties:</th>
<td class="role-properties">
<ul>
<li><sref>aria-disabled</sref></li>
<li><sref>aria-expanded</sref></li>
</ul>
</td>
Expand Down Expand Up @@ -4447,7 +4473,9 @@ <h2>Definition of Roles</h2>
<th class="role-properties-head" scope="row">Supported States and Properties:</th>
<td class="role-properties">
<ul>
<li><pref>aria-errormessage</pref></li>
<li><sref>aria-expanded</sref></li>
<li><sref>aria-invalid</sref></li>
<li><pref>aria-multiselectable</pref></li>
<li><pref>aria-readonly</pref></li>
<li><pref>aria-required</pref></li>
Expand Down Expand Up @@ -5310,7 +5338,9 @@ <h4>Plain HTML or Polyfill DOM Result of the MathML Quadratic Formula</h4>
<th class="role-properties-head" scope="row">Supported States and Properties:</th>
<td class="role-properties">
<ul>
<li><sref>aria-disabled</sref></li>
<li><sref>aria-expanded</sref></li>
<li><pref>aria-haspopup</pref></li>
<li><pref>aria-posinset</pref></li>
<li><pref>aria-setsize</pref></li>
</ul>
Expand Down Expand Up @@ -6394,6 +6424,8 @@ <h5>Presentational Roles Conflict Resolution</h5>
<th class="role-properties-head" scope="row">Supported States and Properties:</th>
<td class="role-properties">
<ul>
<li><pref>aria-errormessage</pref></li>
<li><sref>aria-invalid</sref></li>
<li><pref>aria-readonly</pref></li>
<li><pref>aria-required</pref></li>
</ul>
Expand Down Expand Up @@ -7040,6 +7072,7 @@ <h5>Presentational Roles Conflict Resolution</h5>
<th class="role-properties-head" scope="row">Supported States and Properties:</th>
<td class="role-properties">
<ul>
<li><sref>aria-disabled</sref></li>
<li><pref>aria-orientation</pref></li>
<li><pref>aria-valuemax</pref></li>
<li><pref>aria-valuemin</pref></li>
Expand Down Expand Up @@ -7518,6 +7551,7 @@ <h5>Presentational Roles Conflict Resolution</h5>
<th class="role-properties-head" scope="row">Supported States and Properties:</th>
<td class="role-properties">
<ul>
<li><sref>aria-disabled</sref> (if focusable)</li>
<li><pref>aria-orientation</pref></li>
<li><pref>aria-valuemax</pref> (if focusable)</li>
<li><pref>aria-valuemin</pref> (if focusable)</li>
Expand Down Expand Up @@ -7625,6 +7659,9 @@ <h5>Presentational Roles Conflict Resolution</h5>
<th class="role-properties-head" scope="row">Supported States and Properties:</th>
<td class="role-properties">
<ul>
<li><pref>aria-errormessage</pref></li>
<li><pref>aria-haspopup</pref></li>
<li><sref>aria-invalid</sref></li>
<li><pref>aria-orientation</pref></li>
<li><pref>aria-readonly</pref></li>
<li><pref>aria-valuemax</pref></li>
Expand Down Expand Up @@ -7728,6 +7765,8 @@ <h5>Presentational Roles Conflict Resolution</h5>
<th class="role-properties-head" scope="row">Supported States and Properties:</th>
<td class="role-properties">
<ul>
<li><pref>aria-errormessage</pref></li>
<li><sref>aria-invalid</sref></li>
<li><pref>aria-readonly</pref></li>
<li><pref>aria-required</pref></li>
<li><pref>aria-valuemax</pref></li>
Expand Down Expand Up @@ -8354,7 +8393,9 @@ <h5>Presentational Roles Conflict Resolution</h5>
<th class="role-properties-head" scope="row">Supported States and Properties:</th>
<td class="role-properties">
<ul>
<li><sref>aria-disabled</sref></li>
<li><sref>aria-expanded</sref></li>
<li><pref>aria-haspopup</pref></li>
<li><pref>aria-posinset</pref></li>
<li><sref>aria-selected</sref></li>
<li><pref>aria-setsize</pref></li>
Expand Down Expand Up @@ -8919,6 +8960,9 @@ <h5>Presentational Roles Conflict Resolution</h5>
<ul>
<li><pref>aria-activedescendant</pref></li>
<li><pref>aria-autocomplete</pref></li>
<li><pref>aria-errormessage</pref></li>
<li><pref>aria-haspopup</pref></li>
<li><sref>aria-invalid</sref></li>
<li><pref>aria-multiline</pref></li>
<li><pref>aria-placeholder</pref></li>
<li><pref>aria-readonly</pref></li>
Expand Down Expand Up @@ -9180,7 +9224,9 @@ <h5>Presentational Roles Conflict Resolution</h5>
</tr>
<tr>
<th class="role-properties-head" scope="row">Supported States and Properties:</th>
<td class="role-properties"><pref>aria-orientation</pref></td>
<td class="role-properties">
<pref>aria-orientation</pref>
</td>
</tr>
<tr>
<th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
Expand Down Expand Up @@ -9355,6 +9401,8 @@ <h5>Presentational Roles Conflict Resolution</h5>
<th class="role-properties-head" scope="row">Supported States and Properties:</th>
<td class="role-properties">
<ul>
<li><pref>aria-errormessage</pref></li>
<li><sref>aria-invalid</sref></li>
<li><pref>aria-multiselectable</pref></li>
<li><pref>aria-required</pref></li>
</ul>
Expand Down Expand Up @@ -9543,7 +9591,12 @@ <h5>Presentational Roles Conflict Resolution</h5>
</tr>
<tr>
<th class="role-properties-head" scope="row">Supported States and Properties:</th>
<td class="role-properties"><sref>aria-expanded</sref></td>
<td class="role-properties">
<ul>
<li><sref>aria-expanded</sref></li>
<li><pref>aria-haspopup</pref></li>
</ul>
</td>
</tr>
<tr>
<th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
Expand Down Expand Up @@ -10659,6 +10712,7 @@ <h2>Definitions of States and Properties (all aria-* attributes)</h2>
<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>
<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>
<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>
<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>
</div>
<table class="state-features">
<caption>Characteristics:</caption>
Expand All @@ -10675,7 +10729,7 @@ <h2>Definitions of States and Properties (all aria-* attributes)</h2>
</tr>
<tr>
<th class="state-applicability-head" scope="row">Used in Roles:</th>
<td class="state-applicability">All elements of the base markup</td>
<td class="state-applicability">Placeholder</td>
</tr>
<tr>
<th class="state-descendants-head" scope="row">Inherits into Roles:</th>
Expand Down Expand Up @@ -10812,8 +10866,12 @@ <h2>Definitions of States and Properties (all aria-* attributes)</h2>
<tbody>
<tr>
<th class="property-applicability-head" scope="row">Used in Roles:</th>
<td class="property-applicability">All elements of the base markup</td>
<td class="property-applicability">Placeholder</td>
</tr>
<tr>
<th class="property-descendants-head" scope="row">Inherits into Roles:</th>
<td class="property-descendants">Placeholder</td>
</tr>
<tr>
<th class="property-value-head" scope="row">Value:</th>
<td class="property-value"><a href="#valuetype_idref">ID reference</a></td>
Expand Down Expand Up @@ -11002,7 +11060,7 @@ <h2>Definitions of States and Properties (all aria-* attributes)</h2>
</tr>
<tr>
<th class="property-applicability-head" scope="row">Used in Roles:</th>
<td class="property-applicability">All elements of the base markup</td>
<td class="property-applicability">Placeholder</td>
</tr>
<tr>
<th class="property-descendants-head" scope="row">Inherits into Roles:</th>
Expand Down Expand Up @@ -11139,7 +11197,7 @@ <h2>Definitions of States and Properties (all aria-* attributes)</h2>
</tr>
<tr>
<th class="state-applicability-head" scope="row">Used in Roles:</th>
<td class="state-applicability">All elements of the base markup</td>
<td class="state-applicability">Placeholder</td>
</tr>
<tr>
<th class="state-descendants-head" scope="row">Inherits into Roles:</th>
Expand Down

0 comments on commit 5b971a1

Please sign in to comment.