Skip to content
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

updates table element allowances #265

Open
wants to merge 4 commits into
base: gh-pages
Choose a base branch
from
Open

updates table element allowances #265

Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
a2235a9
updates table element allowances
scottaohara Feb 20, 2021
58b7464
Merge branch 'gh-pages' into table-elements
scottaohara Feb 23, 2021
d5239c3
Merge branch 'gh-pages' into table-elements
scottaohara Feb 24, 2021
9787194
source formatting
scottaohara Feb 24, 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
87 changes: 63 additions & 24 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2539,11 +2539,19 @@ <h2 id="docconformance">
[^tbody^]
</td>
<td>
<code>role=<a href="#index-aria-rowgroup">rowgroup</a></code>
<p>
If the ancestor `table` element is exposed as a `role=table`, `grid` or `treegrid` then:
<code><a href="#index-aria-rowgroup">`role=rowgroup`</a></code>
</p>
<p>
If the ancestor `table` element is not exposed as a `role=table`, `grid` or `treegrid` then: <a>no corresponding role</a>.
</p>
</td>
<td>
<p>
<a><strong>Any</strong> `role`</a>
<strong class="nosupport">No `role`</strong> if the ancestor `table`
element has `role=table`, `grid`, or `treegrid`; otherwise
<a><strong>any</strong> `role`</a>.
</p>
<p>
<a href="#index-aria-global">Global `aria-*` attributes</a> and
Expand Down Expand Up @@ -2585,11 +2593,19 @@ <h2 id="docconformance">
[^tfoot^]
</td>
<td>
<code>role=<a href="#index-aria-rowgroup">rowgroup</a></code>
<p>
If the ancestor `table` element is exposed as a `role=table`, `grid` or `treegrid` then:
<code><a href="#index-aria-rowgroup">`role=rowgroup`</a></code>
</p>
<p>
If the ancestor `table` element is not exposed as a `role=table`, `grid` or `treegrid` then: <a>no corresponding role</a>.
</p>
</td>
<td>
<p>
<a><strong>Any</strong> `role`</a>
<strong class="nosupport">No `role`</strong> if the ancestor `table`
element has `role=table`, `grid`, or `treegrid`; otherwise
<a><strong>any</strong> `role`</a>.
</p>
<p>
<a href="#index-aria-global">Global `aria-*` attributes</a> and
Expand All @@ -2603,11 +2619,19 @@ <h2 id="docconformance">
[^thead^]
</td>
<td>
<code>role=<a href="#index-aria-rowgroup">rowgroup</a></code>
<p>
If the ancestor `table` element is exposed as a `role=table`, `grid` or `treegrid` then:
<code><a href="#index-aria-rowgroup">`role=rowgroup`</a></code>
</p>
<p>
If the ancestor `table` element is not exposed as a `role=table`, `grid` or `treegrid` then: <a>no corresponding role</a>.
</p>
</td>
<td>
<p>
<a><strong>Any</strong> `role`</a>
<strong class="nosupport">No `role`</strong> if the ancestor `table`
element has `role=table`, `grid`, or `treegrid`; otherwise
<a><strong>any</strong> `role`</a>.
</p>
<p>
<a href="#index-aria-global">Global `aria-*` attributes</a> and
Expand Down Expand Up @@ -2651,12 +2675,13 @@ <h2 id="docconformance">
</td>
<td>
<p>
<code>role=<a href="#index-aria-cell">cell</a></code> if the ancestor
`table` element is exposed as a `role=table`.
If the ancestor `table` element is exposed as a `role=table` then: <code>role=<a href="#index-aria-cell">cell</a></code>.
</p>
<p>
If the ancestor `table` element is exposed as a `role=grid` or `treegrid` then: <code>role=<a href="#index-aria-cell">gridcell</a></code>.
</p>
<p>
<code>role=<a href="#index-aria-gridcell">gridcell</a></code> if the ancestor
`table` element is exposed as a `role=grid` or `treegrid`.
If the ancestor `table` element is not exposed as a `role=table`, `grid` or `treegrid` then: <a>no corresponding role</a>.
</p>
</td>
<td>
Expand All @@ -2678,20 +2703,21 @@ <h2 id="docconformance">
</td>
<td>
<p>
If the ancestor `table` element is exposed as a `role=table`: <code>role=<a href="#index-aria-columnheader">columnheader</a></code>,
<a href="#index-aria-rowheader">`rowheader`</a> or <a href="#index-aria-rowheader">`cell`</a> according to
<a data-cite="html-aam-1.0#html-element-role-mappings">HTML AAM</a>.
</p>
If the ancestor `table` element is exposed as a `role=table` then: <code>role=<a href="#index-aria-columnheader">columnheader</a></code>,
<a href="#index-aria-rowheader">`rowheader`</a> or <a href="#index-aria-rowheader">`cell`</a>.
</p>
<p>
If the ancestor `table` element is exposed as a `role=grid` or `treegrid`: <code>role=<a href="#index-aria-columnheader">columnheader</a></code>,
<a href="#index-aria-rowheader">`rowheader`</a> or <a href="#index-aria-rowheader">`gridcell`</a> according to
<a data-cite="html-aam-1.0#html-element-role-mappings">HTML AAM</a>.
</p>
If the ancestor `table` element is exposed as a `role=grid` or `treegrid` then: <code>role=<a href="#index-aria-columnheader">columnheader</a></code>,
<a href="#index-aria-rowheader">`rowheader`</a> or <a href="#index-aria-rowheader">`gridcell`</a>.
</p>
<p>
If the ancestor `table` element is not exposed as a `role=table`, `grid` or `treegrid` then: <a>no corresponding role</a>.
</p>
</td>
<td>
<p>
<strong class="nosupport">No `role`</strong> if the ancestor `table`
element has `role=table`, `grid`, or `treegrid`; otherwise
element is exposed as a `role=table`, `grid`, or `treegrid`; otherwise
<a><strong>any</strong> `role`</a>.
</p>
<p>
Expand All @@ -2706,7 +2732,13 @@ <h2 id="docconformance">
[^tr^]
</td>
<td>
<a href="#index-aria-row">`role=row`</a>
<p>
If the ancestor `table` element is exposed as a `role=table`, `grid` or `treegrid` then:
<code><a href="#index-aria-row">`role=row`</a></code>
</p>
<p>
If the ancestor `table` element is not exposed as a `role=table`, `grid` or `treegrid` then: <a>no corresponding role</a>.
</p>
</td>
<td>
<p>
Expand Down Expand Up @@ -2894,15 +2926,20 @@ <h3 id="docconformance-attr">
Document conformance requirements for use of ARIA attributes with HTML attributes
</h3>
<p>
Unless otherwise stated, authors MAY use `aria-*` attributes in place of their HTML equivalents on HTML elements where the `aria-*` semantics would be expected. For example, authors MAY use `aria-disabled=true` on a `button` rather than the `disabled` attribute. However, authors SHOULD NOT use both the native HTML attribute and the `aria-*` attribute together. As stated in <a data-cite="wai-aria-1.1#host_general_conflict">WAI-ARIA's Conflicts with Host Language Semantics</a>, user agents MUST ignore WAI-ARIA attributes and use the host language (HTML) attribute with the same <a>implicit ARIA semantics</a>.
Unless otherwise stated, authors MAY use `aria-*` attributes in place of their HTML equivalents on HTML elements where
the `aria-*` semantics would be expected. For example, authors MAY use `aria-disabled=true` on a `button` rather than the
`disabled` attribute. However, authors SHOULD NOT use both the native HTML attribute and the `aria-*` attribute together.
As stated in <a data-cite="wai-aria-1.1#host_general_conflict">WAI-ARIA's Conflicts with Host Language Semantics</a>,
user agents MUST ignore WAI-ARIA attributes and use the host language (HTML) attribute with the same <a>implicit ARIA semantics</a>.
</p>
<p>
The following table represents HTML elements and their attributes which have `aria-*` attribute parity.
</p>
<p>
Each language feature (element and attribute) in a cell in the first column implies the
ARIA semantics (states, and properties) given in the cell in the second column
of the same row. The third cell in each row defines how authors can use the native HTML feature, along with requirements for using the `aria-*` attributes that supply the same <a>implicit ARIA semantics</a>.
of the same row. The third cell in each row defines how authors can use the native HTML feature, along with requirements for
using the `aria-*` attributes that supply the same <a>implicit ARIA semantics</a>.
</p>
<table class="simple">
<caption>
Expand Down Expand Up @@ -3004,7 +3041,8 @@ <h3 id="docconformance-attr">
`placeholder` attribute</a> in HTML.
</p>
<p>
Authors MAY use the `aria-placeholder` attribute on any element that is allowed the `placeholder` attribute in HTML, or any element with a WAI-ARIA role which allows the <a data-cite="wai-aria-1.1#aria-placeholder">`aria-placeholder` attribute</a>.
Authors MAY use the `aria-placeholder` attribute on any element that is allowed the `placeholder` attribute in HTML,
or any element with a WAI-ARIA role which allows the <a data-cite="wai-aria-1.1#aria-placeholder">`aria-placeholder` attribute</a>.
</p>
<p>
Authors MUST NOT use the `aria-placeholder` attribute on any element which also has a `placeholder` attribute.
Expand All @@ -3022,7 +3060,8 @@ <h3 id="docconformance-attr">
<td>
<p>
Use the `max` attribute on any element that is
<a data-cite="html/input.html#attr-input-max">allowed the `max` attribute</a> in HTML. It is NOT RECOMMENDED to use the <a data-cite="wai-aria-1.1#aria-valuemax">`aria-valuemax` attribute</a> on these elements.
<a data-cite="html/input.html#attr-input-max">allowed the `max` attribute</a> in HTML.
It is NOT RECOMMENDED to use the <a data-cite="wai-aria-1.1#aria-valuemax">`aria-valuemax` attribute</a> on these elements.
</p>
<p>
Authors MAY use the `aria-valuemax` attribute on any other element with a WAI-ARIA role which allows the attribute.
Expand Down