Skip to content

Commit

Permalink
Addition: popovertarget guidance
Browse files Browse the repository at this point in the history 
Closes #513

the `aria-expanded` state is implicit when using the `popovertarget` attribute - and authors are not to use the ARIA attribute with this native HTML attribute.
  • Loading branch information
@scottaohara
scottaohara authored Apr 15, 2024
1 parent 2c9c9a2 commit a90aa06
Showing 1 changed file with 22 additions and 35 deletions.
57 changes: 22 additions & 35 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -64,6 +64,10 @@
the following substantive additions and/or corrections have been proposed:
</p>
<ul>
<!--<li>
<a href="https://github.com/w3c/html-aria/pull/...">15 April 2024 - Addition:</a>
Add author rules for the <a href="#att-popovertarget">`popovertarget`</a> attribute.
</li>-->
<li>
<a href="https://github.com/w3c/html-aria/pull/489">4 October 2023 - Addition:</a>
Update the button element and input type=button,image,reset,submit elements to allow the `separator` role.
Expand Down Expand Up @@ -3618,10 +3622,6 @@ <h3 id="docconformance-attr">
</td>
<td>
<div class="correction">
<p>
Use the `checked` attribute on any element that is allowed the `checked` attribute in HTML.
Use the <a data-cite="html/input.html#dom-input-indeterminate">`indeterminate`</a> IDL attribute to indicate the "mixed" state for <a data-cite="html/input.html#checkbox-state-(type=checkbox)">`input type=checkbox`</a> elements.
</p>
<p>
Authors MUST NOT use the <a data-cite="wai-aria-1.2#aria-checked">`aria-checked`</a> attribute on any element where the <a data-cite="html/form-control-infrastructure.html#concept-fe-checked">checkedness</a>, or the
indeterminate checked value of the element can be in opposition to the current value of the `aria-checked` attribute.
Expand All @@ -3643,9 +3643,6 @@ <h3 id="docconformance-attr">
`aria-disabled="true"`
</td>
<td>
<p>
Use the `disabled` attribute on any element that is allowed the `disabled` attribute in HTML.
</p>
<p>
Authors MAY use the <a data-cite="wai-aria-1.2#aria-disabled">`aria-disabled`</a> attribute on any element that is allowed the `disabled` attribute in HTML, or any element with a WAI-ARIA role which allows the `aria-disabled` attribute</a>.
</p>
Expand Down Expand Up @@ -3689,10 +3686,6 @@ <h3 id="docconformance-attr">
`aria-placeholder="..."`
</td>
<td>
<p>
Use the `placeholder` attribute on any element that is allowed the
`placeholder` attribute in HTML.
</p>
<p>
Authors MAY use the <a data-cite="wai-aria-1.2#aria-placeholder">`aria-placeholder`</a> attribute on any element that is allowed the `placeholder` attribute in HTML, or any element with a WAI-ARIA role which allows the `aria-placeholder` attribute.
</p>
Expand All @@ -3701,6 +3694,24 @@ <h3 id="docconformance-attr">
</p>
</td>
</tr>
<tr id="att-popovertarget" tabindex="-1">
<th>
Any element where the <a data-cite="html/popover.html#the-popover-target-attributes">`popovertarget`</a> attribute is allowed:
[^button^],
<a data-cite="html/input.html#button-state-(type=button)">`input type=button`</a>,
<a data-cite="html/input.html#button-state-(type=image)">`input type=image`</a>,
<a data-cite="html/input.html#reset-button-state-(type=reset)">`input type=reset`</a>
<a data-cite="html/input.html#submit-button-state-(type=submit)">`input type=submit`</a>
</th>
<td>
`aria-expanded="..."`
</td>
<td>
<p class="addition">
Authors MUST NOT use the `aria-expanded` attribute on any element which also has a `popovertarget` attribute.
</p>
</td>
</tr>
<tr id="att-max" tabindex="-1">
<th>
Any element where the `max` attribute is allowed: `meter` [^meter/max^], `progress` [^progress/max^], and `input` [^input/max^]
Expand All @@ -3709,10 +3720,6 @@ <h3 id="docconformance-attr">
`aria-valuemax="..."`
</td>
<td>
<p>
Use the `max` attribute on any element that is
allowed the `max` attribute in HTML.
</p>
<p>
Authors MAY use the <a data-cite="wai-aria-1.2#aria-valuemax">`aria-valuemax`</a> attribute on any other element with a WAI-ARIA role which allows the `aria-valuemax` attribute.
</p>
Expand All @@ -3732,10 +3739,6 @@ <h3 id="docconformance-attr">
`aria-valuemin="..."`
</td>
<td>
<p>
Use the `min` attribute on any element that is
allowed the `min` attribute in HTML.
</p>
<p>
Authors MAY use the <a data-cite="wai-aria-1.2#aria-valuemax">`aria-valuemin`</a> attribute on any other element with a WAI-ARIA role which allows the `aria-valuemin` attribute.
</p>
Expand All @@ -3756,10 +3759,6 @@ <h3 id="docconformance-attr">
`aria-readonly="true"`
</td>
<td>
<p>
Use the `readonly` attribute on any element that is
allowed the `readonly` attribute in HTML.
</p>
<p>
Authors MAY use the <a data-cite="wai-aria-1.2#aria-readonly">`aria-readonly`</a> attribute on any element with a WAI-ARIA role which allows the attribute</a>.
</p>
Expand Down Expand Up @@ -3801,10 +3800,6 @@ <h3 id="docconformance-attr">
`aria-required="true"`
</td>
<td>
<p>
Use the `required` attribute on any element
that is allowed the `required` attribute in HTML.
</p>
<p>
Authors MAY use the <a data-cite="wai-aria-1.2#aria-required">`aria-required`</a> attribute on any element that is allowed the `required` attribute in HTML, or any element with a WAI-ARIA role which allows the `aria-required` attribute.
</p>
Expand All @@ -3824,10 +3819,6 @@ <h3 id="docconformance-attr">
`aria-colspan="..."`
</td>
<td>
<p>
Use the `colspan` attribute on any element that is
allowed the `colspan` attribute in HTML.
</p>
<!--
Removing per issue #338
Revised rules to be re-added
Expand All @@ -3852,10 +3843,6 @@ <h3 id="docconformance-attr">
`aria-rowspan="..."`
</td>
<td>
<p>
Use the `rowspan` attribute on any element that is
allowed the `rowspan` attribute in HTML.
</p>
<!--
Removing per issue #338
Revised rules to be re-added
Expand Down

0 comments on commit a90aa06

Please sign in to comment.