[html5] r5364 - [giow] (1) Update ARIA strong native semantics to include more elements that sho [...]
whatwg at whatwg.org
whatwg at whatwg.org
Thu Aug 26 12:31:00 PDT 2010
Author: ianh
Date: 2010-08-26 12:30:58 -0700 (Thu, 26 Aug 2010)
New Revision: 5364
Modified:
complete.html
index
source
Log:
[giow] (1) Update ARIA strong native semantics to include more elements that should not have a role
Fixing http://www.w3.org/Bugs/Public/show_bug.cgi?id=10445
Modified: complete.html
===================================================================
--- complete.html 2010-08-26 19:16:24 UTC (rev 5363)
+++ complete.html 2010-08-26 19:30:58 UTC (rev 5364)
@@ -10657,21 +10657,24 @@
<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>
@@ -10690,12 +10693,18 @@
<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
@@ -10771,6 +10780,9 @@
<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
@@ -10783,21 +10795,45 @@
<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
@@ -10807,15 +10843,18 @@
<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
@@ -10909,7 +10948,6 @@
<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>
@@ -10919,7 +10957,6 @@
<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>
@@ -10932,58 +10969,39 @@
<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>–<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>–<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>
+ </ul></div>
- </div>
-
<div class=impl>
<p>User agents may apply different defaults than those described in
Modified: index
===================================================================
--- index 2010-08-26 19:16:24 UTC (rev 5363)
+++ index 2010-08-26 19:30:58 UTC (rev 5364)
@@ -10579,21 +10579,24 @@
<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>
@@ -10612,12 +10615,18 @@
<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
@@ -10693,6 +10702,9 @@
<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
@@ -10705,21 +10717,45 @@
<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
@@ -10729,15 +10765,18 @@
<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
@@ -10831,7 +10870,6 @@
<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>
@@ -10841,7 +10879,6 @@
<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>
@@ -10854,58 +10891,39 @@
<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>–<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>–<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>
+ </ul></div>
- </div>
-
<div class=impl>
<p>User agents may apply different defaults than those described in
Modified: source
===================================================================
--- source 2010-08-26 19:16:24 UTC (rev 5363)
+++ source 2010-08-26 19:30:58 UTC (rev 5364)
@@ -10851,6 +10851,10 @@
<tbody>
<tr>
+ <td><code>base</code> element
+ <td>No role
+
+ <tr>
<td><code>a</code> element that creates a <span>hyperlink</span>
<td><code title="attr-aria-role-link">link</code> role
@@ -10859,10 +10863,6 @@
<td><code title="attr-aria-role-link">link</code> role
<tr>
- <td><code>details</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">open</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>button</code> element
<td><code title="attr-aria-role-button">button</code> role
@@ -10871,6 +10871,10 @@
<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>details</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">open</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>h1</code> element that does not have an <code>hgroup</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 <span>outline depth</span>
@@ -10895,6 +10899,10 @@
<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 <span>outline depth</span>
<tr>
+ <td><code>head</code> element
+ <td>No role
+
+ <tr>
<td><code>hgroup</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 <span>outline depth</span>
@@ -10903,6 +10911,10 @@
<td><code title="attr-aria-role-separator">separator</code> role
<tr>
+ <td><code>html</code> element
+ <td>No role
+
+ <tr>
<td><code>img</code> element whose <code title="attr-img-alt">alt</code> attribute's value is empty
<td><code title="attr-aria-role-presentation">presentation</code> role
@@ -11003,6 +11015,10 @@
<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">readonly</code> attribute
<tr>
+ <td><code>keygen</code> element
+ <td>No role
+
+ <tr>
<td><code>link</code> element that creates a <span>hyperlink</span>
<td><code title="attr-aria-role-link">link</code> role
@@ -11019,18 +11035,42 @@
<td><code title="attr-aria-role-toolbar">toolbar</code> role
<tr>
+ <td><code>meta</code> element
+ <td>No role
+
+ <tr>
+ <td><code>meter</code> element
+ <td>No role
+
+ <tr>
<td><code>nav</code> element
<td><code title="attr-aria-role-navigation">navigation</code> role
<tr>
+ <td><code>noscript</code> element
+ <td>No role
+
+ <tr>
+ <td><code>optgroup</code> element
+ <td>No role
+
+ <tr>
<td><code>option</code> element that is in a <span title="concept-select-option-list">list of options</span> or that represents a suggestion in a <code>datalist</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 <span title="concept-option-selectedness">selectedness</span> is true, or "false" otherwise.
<tr>
+ <td><code>param</code> element
+ <td>No role
+
+ <tr>
<td><code>progress</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>script</code> element
+ <td>No role
+
+ <tr>
<td><code>select</code> element with a <code title="attr-select-multiple">multiple</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"
@@ -11039,6 +11079,14 @@
<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>source</code> element
+ <td>No role
+
+ <tr>
+ <td><code>style</code> element
+ <td>No role
+
+ <tr>
<td><code>summary</code> element
<td><code title="attr-aria-role-heading">heading</code> role
@@ -11051,10 +11099,6 @@
<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">readonly</code> attribute
<tr>
- <td><code>th</code> element that is neither a <span>column header</span> nor a <span>row header</span>
- <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">headers</code> attribute, if any
-
- <tr>
<td><code>th</code> element that is a <span>column header</span>
<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">headers</code> attribute, if any
@@ -11063,6 +11107,14 @@
<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">headers</code> attribute, if any
<tr>
+ <td><code>th</code> element that is neither a <span>column header</span> nor a <span>row header</span>
+ <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">headers</code> attribute, if any
+
+ <tr>
+ <td><code>title</code> element
+ <td>No role
+
+ <tr>
<td><code>tr</code> element
<td><code title="attr-aria-role-row">row</code> role
@@ -11185,7 +11237,6 @@
<li><code>area</code> (unless it creates a <span>hyperlink</span>)
<li><code>audio</code>
<li><code>b</code>
- <li><code>base</code>
<li><code>bdo</code>
<li><code>blockquote</code>
<li><code>br</code>
@@ -11195,7 +11246,6 @@
<li><code>code</code>
<li><code>col</code>
<li><code>colgroup</code>
- <li><code>command</code>
<li><code>dd</code>
<li><code>del</code>
<li><code>dfn</code>
@@ -11208,58 +11258,39 @@
<li><code>figcaption</code>
<li><code>figure</code>
<li><code>form</code>
- <li><code>h1</code>–<code>h6</code> when contained in an <code>hgroup</code> element
- <li><code>head</code>
- <li><code>html</code>
+ <li><code>h1</code>–<code>h6</code> in <code>hgroup</code>
<li><code>iframe</code>
<li><code>img</code> (unless the <code title="attr-img-alt">alt</code> attribute's value is the empty string)
<li><code>ins</code>
<li><code>kbd</code>
- <li><code>keygen</code>
- <li><code>label</code>
- <li><code>legend</code>
+ <li><code>label</code> (unless it has an <span>assigned access key</span>)
+ <li><code>legend</code> (unless it has an <span>assigned access key</span>)
+ <li><code>li</code> in <code>menu</code>
<li><code>link</code> (unless it creates a <span>hyperlink</span>)
<li><code>map</code>
<li><code>mark</code>
- <li><code>meta</code>
- <li><code>meter</code>
- <li><code>optgroup</code>
- <li><code>option</code>
<li><code>p</code>
- <li><code>param</code>
<li><code>pre</code>
<li><code>q</code>
<li><code>rp</code>
<li><code>rt</code>
<li><code>ruby</code>
<li><code>samp</code>
- <li><code>script</code>
<li><code>small</code>
- <li><code>source</code>
<li><code>span</code>
<li><code>strong</code>
- <li><code>style</code>
<li><code>sub</code>
<li><code>sup</code>
<li><code>table</code>
<li><code>tbody</code>
- <li><code>td</code>
<li><code>tfoot</code>
<li><code>thead</code>
<li><code>time</code>
- <li><code>title</code>
<li><code>var</code>
<li><code>video</code>
<li><code>wbr</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>div</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>title</code>).</p>
-
</div>
<div class="impl">
More information about the Commit-Watchers
mailing list