Skip to content

Commit

Permalink
[giow] (1) Update ARIA strong native semantics to include more elemen…
Browse files Browse the repository at this point in the history 
…ts that should not have a role

Fixing http://www.w3.org/Bugs/Public/show_bug.cgi?id=10445

git-svn-id: http://svn.whatwg.org/webapps@5364 340c8d12-0b0e-0410-8428-c7bf67bfef74
  • Loading branch information
@Hixie
Hixie committed Aug 26, 2010
1 parent 27993be commit 15cb71a
Show file tree
Hide file tree
Showing 3 changed files with 166 additions and 99 deletions.
84 changes: 51 additions & 33 deletions complete.html
View file
Expand Up @@ -10657,21 +10657,24 @@ <h4 id=annotations-for-assistive-technology-products-(aria)><span class=secno>3.
<table id=table-aria-strong><thead><tr><th>Language feature
<th>Strong native semantics <span class=impl>and implied ARIA semantics</span>

<tbody><tr><td><code><a href=#the-a-element>a</a></code> element that creates a <a href=#hyperlink>hyperlink</a>
<tbody><tr><td><code><a href=#the-base-element>base</a></code> element
<td>No role

<tr><td><code><a href=#the-a-element>a</a></code> element that creates a <a href=#hyperlink>hyperlink</a>
<td><code title=attr-aria-role-link>link</code> role

<tr><td><code><a href=#the-area-element>area</a></code> element that creates a <a href=#hyperlink>hyperlink</a>
<td><code title=attr-aria-role-link>link</code> role

<tr><td><code><a href=#the-details-element>details</a></code> element
<td>The <code title=attr-aria-expanded>aria-expanded</code> state must be set to "true" if the element's <code title=attr-details-open><a href=#attr-details-open>open</a></code> attribute is present, and must be set to "false" otherwise. (The role can be changed as described in the next table; the reference to <code title=attr-aria-expanded>aria-expanded</code> here is safe since all the allowed roles use the <code title=attr-aria-expanded>aria-expanded</code> state.)

<tr><td><code><a href=#the-button-element>button</a></code> element
<td><code title=attr-aria-role-button>button</code> role

<tr><td><code><a href=#the-datalist-element>datalist</a></code> element
<td><code title=attr-aria-role-listbox>listbox</code> role, with the <code title=attr-aria-multiselectable>aria-multiselectable</code> property set to "false"

<tr><td><code><a href=#the-details-element>details</a></code> element
<td>The <code title=attr-aria-expanded>aria-expanded</code> state must be set to "true" if the element's <code title=attr-details-open><a href=#attr-details-open>open</a></code> attribute is present, and must be set to "false" otherwise. (The role can be changed as described in the next table; the reference to <code title=attr-aria-expanded>aria-expanded</code> here is safe since all the allowed roles use the <code title=attr-aria-expanded>aria-expanded</code> state.)

<tr><td><code><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h1</a></code> element that does not have an <code><a href=#the-hgroup-element>hgroup</a></code> ancestor
<td><code title=attr-aria-role-heading>heading</code> role, with the <code title=attr-aria-level>aria-level</code> property set to the element's <a href=#outline-depth>outline depth</a>

Expand All @@ -10690,12 +10693,18 @@ <h4 id=annotations-for-assistive-technology-products-(aria)><span class=secno>3.
<tr><td><code><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h6</a></code> element that does not have an <code><a href=#the-hgroup-element>hgroup</a></code> ancestor
<td><code title=attr-aria-role-heading>heading</code> role, with the <code title=attr-aria-level>aria-level</code> property set to the element's <a href=#outline-depth>outline depth</a>

<tr><td><code><a href=#the-head-element-0>head</a></code> element
<td>No role

<tr><td><code><a href=#the-hgroup-element>hgroup</a></code> element
<td><code title=attr-aria-role-heading>heading</code> role, with the <code title=attr-aria-level>aria-level</code> property set to the element's <a href=#outline-depth>outline depth</a>

<tr><td><code><a href=#the-hr-element>hr</a></code> element
<td><code title=attr-aria-role-separator>separator</code> role

<tr><td><code><a href=#the-html-element-0>html</a></code> element
<td>No role

<tr><td><code><a href=#the-img-element>img</a></code> element whose <code title=attr-img-alt><a href=#attr-img-alt>alt</a></code> attribute's value is empty
<td><code title=attr-aria-role-presentation>presentation</code> role

Expand Down Expand Up @@ -10771,6 +10780,9 @@ <h4 id=annotations-for-assistive-technology-products-(aria)><span class=secno>3.
<tr><td><code><a href=#the-input-element>input</a></code> element with a <code title=attr-input-type><a href=#attr-input-type>type</a></code> attribute in the <a href=#week-state title=attr-input-type-week>Week</a> state
<td>No role, with the <code title=title-aria-readonly>aria-readonly</code> state set to "true" if the element has a <code title=attr-input-readonly><a href=#attr-input-readonly>readonly</a></code> attribute

<tr><td><code><a href=#the-keygen-element>keygen</a></code> element
<td>No role

<tr><td><code><a href=#the-link-element>link</a></code> element that creates a <a href=#hyperlink>hyperlink</a>
<td><code title=attr-aria-role-link>link</code> role

Expand All @@ -10783,21 +10795,45 @@ <h4 id=annotations-for-assistive-technology-products-(aria)><span class=secno>3.
<tr><td><code><a href=#menus>menu</a></code> element with a <code title=attr-menu-type><a href=#attr-menu-type>type</a></code> attribute in the <a href=#toolbar-state title="toolbar state">toolbar</a> state
<td><code title=attr-aria-role-toolbar>toolbar</code> role

<tr><td><code><a href=#meta>meta</a></code> element
<td>No role

<tr><td><code><a href=#the-meter-element>meter</a></code> element
<td>No role

<tr><td><code><a href=#the-nav-element>nav</a></code> element
<td><code title=attr-aria-role-navigation>navigation</code> role

<tr><td><code><a href=#the-noscript-element>noscript</a></code> element
<td>No role

<tr><td><code><a href=#the-optgroup-element>optgroup</a></code> element
<td>No role

<tr><td><code><a href=#the-option-element>option</a></code> element that is in a <a href=#concept-select-option-list title=concept-select-option-list>list of options</a> or that represents a suggestion in a <code><a href=#the-datalist-element>datalist</a></code> element
<td><code title=attr-aria-role-option>option</code> role, with the <code title=attr-aria-selected>aria-selected</code> state set to "true" if the element's <a href=#concept-option-selectedness title=concept-option-selectedness>selectedness</a> is true, or "false" otherwise.

<tr><td><code><a href=#the-param-element>param</a></code> element
<td>No role

<tr><td><code><a href=#the-progress-element>progress</a></code> element
<td><code title=attr-aria-role-progressbar>progressbar</code> role, with, if the progress bar is determinate, the <code title=attr-aria-valuemax>aria-valuemax</code> property set to the maximum value of the progress bar, the <code title=attr-aria-valuemin>aria-valuemin</code> property set to zero, and the <code title=attr-aria-valuenow>aria-valuenow</code> property set to the current value of the progress bar

<tr><td><code><a href=#script>script</a></code> element
<td>No role

<tr><td><code><a href=#the-select-element>select</a></code> element with a <code title=attr-select-multiple><a href=#attr-select-multiple>multiple</a></code> attribute
<td><code title=attr-aria-role-listbox>listbox</code> role, with the <code title=attr-aria-multiselectable>aria-multiselectable</code> property set to "true"

<tr><td><code><a href=#the-select-element>select</a></code> element with no <code title=attr-select-multiple><a href=#attr-select-multiple>multiple</a></code> attribute
<td><code title=attr-aria-role-listbox>listbox</code> role, with the <code title=attr-aria-multiselectable>aria-multiselectable</code> property set to "false"

<tr><td><code><a href=#the-source-element>source</a></code> element
<td>No role

<tr><td><code><a href=#the-style-element>style</a></code> element
<td>No role

<tr><td><code><a href=#the-summary-element>summary</a></code> element
<td><code title=attr-aria-role-heading>heading</code> role

Expand All @@ -10807,15 +10843,18 @@ <h4 id=annotations-for-assistive-technology-products-(aria)><span class=secno>3.
<tr><td><code><a href=#the-textarea-element>textarea</a></code> element
<td><code title=attr-aria-role-textbox>textbox</code> role, with the <code title=attr-aria-multiline>aria-multiline</code> property set to "true", and the <code title=title-aria-readonly>aria-readonly</code> state set to "true" if the element has a <code title=attr-textarea-readonly><a href=#attr-textarea-readonly>readonly</a></code> attribute

<tr><td><code><a href=#the-th-element>th</a></code> element that is neither a <a href=#column-header>column header</a> nor a <a href=#row-header>row header</a>
<td><code title=attr-aria-role-gridcell>gridcell</code> role, with the <code title=attr-aria-labelledby>aria-labelledby</code> property set to the value of the <code title=attr-tdth-headers><a href=#attr-tdth-headers>headers</a></code> attribute, if any

<tr><td><code><a href=#the-th-element>th</a></code> element that is a <a href=#column-header>column header</a>
<td><code title=attr-aria-role-columnheader>columnheader</code> role, with the <code title=attr-aria-labelledby>aria-labelledby</code> property set to the value of the <code title=attr-tdth-headers><a href=#attr-tdth-headers>headers</a></code> attribute, if any

<tr><td><code><a href=#the-th-element>th</a></code> element that is a <a href=#row-header>row header</a>
<td><code title=attr-aria-role-rowheader>rowheader</code> role, with the <code title=attr-aria-labelledby>aria-labelledby</code> property set to the value of the <code title=attr-tdth-headers><a href=#attr-tdth-headers>headers</a></code> attribute, if any

<tr><td><code><a href=#the-th-element>th</a></code> element that is neither a <a href=#column-header>column header</a> nor a <a href=#row-header>row header</a>
<td><code title=attr-aria-role-gridcell>gridcell</code> role, with the <code title=attr-aria-labelledby>aria-labelledby</code> property set to the value of the <code title=attr-tdth-headers><a href=#attr-tdth-headers>headers</a></code> attribute, if any

<tr><td><code><a href=#the-title-element-0>title</a></code> element
<td>No role

<tr><td><code><a href=#the-tr-element>tr</a></code> element
<td><code title=attr-aria-role-row>row</code> role

Expand Down Expand Up @@ -10909,7 +10948,6 @@ <h4 id=annotations-for-assistive-technology-products-(aria)><span class=secno>3.
<li><code><a href=#the-area-element>area</a></code> (unless it creates a <a href=#hyperlink>hyperlink</a>)
<li><code><a href=#audio>audio</a></code>
<li><code><a href=#the-b-element>b</a></code>
<li><code><a href=#the-base-element>base</a></code>
<li><code><a href=#the-bdo-element>bdo</a></code>
<li><code><a href=#the-blockquote-element>blockquote</a></code>
<li><code><a href=#the-br-element>br</a></code>
Expand All @@ -10919,7 +10957,6 @@ <h4 id=annotations-for-assistive-technology-products-(aria)><span class=secno>3.
<li><code><a href=#the-code-element>code</a></code>
<li><code><a href=#the-col-element>col</a></code>
<li><code><a href=#the-colgroup-element>colgroup</a></code>
<li><code><a href=#the-command>command</a></code>
<li><code><a href=#the-dd-element>dd</a></code>
<li><code><a href=#the-del-element>del</a></code>
<li><code><a href=#the-dfn-element>dfn</a></code>
Expand All @@ -10932,57 +10969,38 @@ <h4 id=annotations-for-assistive-technology-products-(aria)><span class=secno>3.
<li><code><a href=#the-figcaption-element>figcaption</a></code>
<li><code><a href=#the-figure-element>figure</a></code>
<li><code><a href=#the-form-element>form</a></code>
<li><code><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h1</a></code>&ndash;<code><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h6</a></code> when contained in an <code><a href=#the-hgroup-element>hgroup</a></code> element
<li><code><a href=#the-head-element-0>head</a></code>
<li><code><a href=#the-html-element-0>html</a></code>
<li><code><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h1</a></code>&ndash;<code><a href=#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements>h6</a></code> in <code><a href=#the-hgroup-element>hgroup</a></code>
<li><code><a href=#the-iframe-element>iframe</a></code>
<li><code><a href=#the-img-element>img</a></code> (unless the <code title=attr-img-alt><a href=#attr-img-alt>alt</a></code> attribute's value is the empty string)
<li><code><a href=#the-ins-element>ins</a></code>
<li><code><a href=#the-kbd-element>kbd</a></code>
<li><code><a href=#the-keygen-element>keygen</a></code>
<li><code><a href=#the-label-element>label</a></code>
<li><code><a href=#the-legend-element>legend</a></code>
<li><code><a href=#the-label-element>label</a></code> (unless it has an <a href=#assigned-access-key>assigned access key</a>)
<li><code><a href=#the-legend-element>legend</a></code> (unless it has an <a href=#assigned-access-key>assigned access key</a>)
<li><code><a href=#the-li-element>li</a></code> in <code><a href=#menus>menu</a></code>
<li><code><a href=#the-link-element>link</a></code> (unless it creates a <a href=#hyperlink>hyperlink</a>)
<li><code><a href=#the-map-element>map</a></code>
<li><code><a href=#the-mark-element>mark</a></code>
<li><code><a href=#meta>meta</a></code>
<li><code><a href=#the-meter-element>meter</a></code>
<li><code><a href=#the-optgroup-element>optgroup</a></code>
<li><code><a href=#the-option-element>option</a></code>
<li><code><a href=#the-p-element>p</a></code>
<li><code><a href=#the-param-element>param</a></code>
<li><code><a href=#the-pre-element>pre</a></code>
<li><code><a href=#the-q-element>q</a></code>
<li><code><a href=#the-rp-element>rp</a></code>
<li><code><a href=#the-rt-element>rt</a></code>
<li><code><a href=#the-ruby-element>ruby</a></code>
<li><code><a href=#the-samp-element>samp</a></code>
<li><code><a href=#script>script</a></code>
<li><code><a href=#the-small-element>small</a></code>
<li><code><a href=#the-source-element>source</a></code>
<li><code><a href=#the-span-element>span</a></code>
<li><code><a href=#the-strong-element>strong</a></code>
<li><code><a href=#the-style-element>style</a></code>
<li><code><a href=#the-sub-and-sup-elements>sub</a></code>
<li><code><a href=#the-sub-and-sup-elements>sup</a></code>
<li><code><a href=#the-table-element>table</a></code>
<li><code><a href=#the-tbody-element>tbody</a></code>
<li><code><a href=#the-td-element>td</a></code>
<li><code><a href=#the-tfoot-element>tfoot</a></code>
<li><code><a href=#the-thead-element>thead</a></code>
<li><code><a href=#the-time-element>time</a></code>
<li><code><a href=#the-title-element-0>title</a></code>
<li><code><a href=#the-var-element>var</a></code>
<li><code><a href=#video>video</a></code>
<li><code><a href=#the-wbr-element>wbr</a></code>
</ul><p>In some cases, this is because ARIA has no suitable role (e.g.
the table-related elements); in other cases it is because the
element is somewhat generic in purpose and many roles would be
appropriate (e.g. <code><a href=#the-div-element>div</a></code>); and in a few cases it is
because the element is never expected to be rendered and therefore
ARIA roles are not relevant (e.g. <code><a href=#the-title-element-0>title</a></code>).</p>

</div>
</ul></div>

<div class=impl>

Expand Down

0 comments on commit 15cb71a

Please sign in to comment.