[html5] r8412 - [giow] (2) Some ARIA role additions for authoring flexibility Affected topics: HTML
whatwg at whatwg.org
whatwg at whatwg.org
Tue Jan 21 14:51:53 PST 2014
Author: ianh
Date: 2014-01-21 14:51:52 -0800 (Tue, 21 Jan 2014)
New Revision: 8412
Modified:
complete.html
index
source
Log:
[giow] (2) Some ARIA role additions for authoring flexibility
Affected topics: HTML
Modified: complete.html
===================================================================
--- complete.html 2014-01-21 21:54:20 UTC (rev 8411)
+++ complete.html 2014-01-21 22:51:52 UTC (rev 8412)
@@ -11752,10 +11752,21 @@
<td><a href=#concept-role-none title=concept-role-none>No role</a>
<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
+ options</a>
- <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.
+ <td><code title=attr-aria-selected>aria-selected</code> and <code title=attr-aria-checked>aria-checked</code> states set to "true" if the element's <a href=#concept-option-selectedness title=concept-option-selectedness>selectedness</a> is true, and "false" otherwise
+ <!-- we set -selected for when the role is option, and -checked for when it's menuitemradio;
+ hopefully having them set when they don't apply is a no-op (the ARIA spec doesn't seem clear
+ about this) -->
+
+ <tr><td><code><a href=#the-option-element>option</a></code> element that represents a suggestion in a <code><a href=#the-datalist-element>datalist</a></code> element
+ or that is in a <a href=#concept-select-option-list title=concept-select-option-list>list of options</a> of a
+ <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 or a <a href=#concept-select-size title=concept-select-size>display size</a> greater than 1
+
+ <td><code title=attr-aria-role-option>option</code> role
+
<tr><td><code><a href=#the-param-element>param</a></code> element
<td><a href=#concept-role-none title=concept-role-none>No role</a>
@@ -11776,8 +11787,14 @@
<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
+ <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 and with a <a href=#concept-select-size title=concept-select-size>display size</a> equal to 1
+ <td><code title=attr-aria-multiselectable>aria-multiselectable</code> property set to "false"
+
+ <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 and with a <a href=#concept-select-size title=concept-select-size>display size</a> greater than 1
+
<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-select-element>select</a></code> element with a <code title=attr-select-required><a href=#attr-select-required>required</a></code> attribute
@@ -12017,8 +12034,13 @@
<td><code title=attr-aria-role-listitem>listitem</code> role
- <td>Role must be either <code title=attr-aria-role-listitem>listitem</code>, <code title=attr-aria-role-menuitemcheckbox>menuitemcheckbox</code>, <code title=attr-aria-role-menuitemradio>menuitemradio</code>, <code title=attr-aria-role-option>option</code>, <code title=attr-aria-role-tab>tab</code>, or
- <code title=attr-aria-role-treeitem>treeitem</code>
+ <td>Role must be either
+ <code title=attr-aria-role-listitem>listitem</code>,
+ <code title=attr-aria-role-menuitemcheckbox>menuitemcheckbox</code>,
+ <code title=attr-aria-role-menuitemradio>menuitemradio</code>,
+ <code title=attr-aria-role-option>option</code>,
+ <code title=attr-aria-role-tab>tab</code>, or
+ <code title=attr-aria-role-treeitem>treeitem</code>
<tr><td><code><a href=#the-main-element>main</a></code> element
@@ -12056,6 +12078,17 @@
<code title=attr-aria-role-toolbar>toolbar</code>, or
<code title=attr-aria-role-tree>tree</code>
+ <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> of a <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 and with a <a href=#concept-select-size title=concept-select-size>display size</a> equal to 1
+
+ <td><code title=attr-aria-role-option>option</code> role
+
+ <td>Role must be either
+ <code title=attr-aria-role-option>option</code>,
+ <code title=attr-aria-role-menuitem>menuitem</code>,
+ <code title=attr-aria-role-menuitemradio>menuitemradio</code>, or
+ <code title=attr-aria-role-separator>separator</code>
+
<tr><td><code><a href=#the-output-element>output</a></code> element
<td><code title=attr-aria-role-status>status</code> role
@@ -12080,6 +12113,15 @@
<code title=attr-aria-role-search>search</code>, or
<code title=attr-aria-role-status>status</code>
+ <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 and with a <a href=#concept-select-size title=concept-select-size>display size</a> equal to 1
+
+ <td><code title=attr-aria-role-listbox>listbox</code> role
+
+ <td>Role must be either
+ <code title=attr-aria-role-listbox>listbox</code> or
+ <code title=attr-aria-role-menu>menu</code>
+
<tr><td><code><a href=#the-ul-element>ul</a></code> element
<td><code title=attr-aria-role-list>list</code> role
Modified: index
===================================================================
--- index 2014-01-21 21:54:20 UTC (rev 8411)
+++ index 2014-01-21 22:51:52 UTC (rev 8412)
@@ -11752,10 +11752,21 @@
<td><a href=#concept-role-none title=concept-role-none>No role</a>
<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
+ options</a>
- <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.
+ <td><code title=attr-aria-selected>aria-selected</code> and <code title=attr-aria-checked>aria-checked</code> states set to "true" if the element's <a href=#concept-option-selectedness title=concept-option-selectedness>selectedness</a> is true, and "false" otherwise
+ <!-- we set -selected for when the role is option, and -checked for when it's menuitemradio;
+ hopefully having them set when they don't apply is a no-op (the ARIA spec doesn't seem clear
+ about this) -->
+
+ <tr><td><code><a href=#the-option-element>option</a></code> element that represents a suggestion in a <code><a href=#the-datalist-element>datalist</a></code> element
+ or that is in a <a href=#concept-select-option-list title=concept-select-option-list>list of options</a> of a
+ <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 or a <a href=#concept-select-size title=concept-select-size>display size</a> greater than 1
+
+ <td><code title=attr-aria-role-option>option</code> role
+
<tr><td><code><a href=#the-param-element>param</a></code> element
<td><a href=#concept-role-none title=concept-role-none>No role</a>
@@ -11776,8 +11787,14 @@
<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
+ <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 and with a <a href=#concept-select-size title=concept-select-size>display size</a> equal to 1
+ <td><code title=attr-aria-multiselectable>aria-multiselectable</code> property set to "false"
+
+ <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 and with a <a href=#concept-select-size title=concept-select-size>display size</a> greater than 1
+
<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-select-element>select</a></code> element with a <code title=attr-select-required><a href=#attr-select-required>required</a></code> attribute
@@ -12017,8 +12034,13 @@
<td><code title=attr-aria-role-listitem>listitem</code> role
- <td>Role must be either <code title=attr-aria-role-listitem>listitem</code>, <code title=attr-aria-role-menuitemcheckbox>menuitemcheckbox</code>, <code title=attr-aria-role-menuitemradio>menuitemradio</code>, <code title=attr-aria-role-option>option</code>, <code title=attr-aria-role-tab>tab</code>, or
- <code title=attr-aria-role-treeitem>treeitem</code>
+ <td>Role must be either
+ <code title=attr-aria-role-listitem>listitem</code>,
+ <code title=attr-aria-role-menuitemcheckbox>menuitemcheckbox</code>,
+ <code title=attr-aria-role-menuitemradio>menuitemradio</code>,
+ <code title=attr-aria-role-option>option</code>,
+ <code title=attr-aria-role-tab>tab</code>, or
+ <code title=attr-aria-role-treeitem>treeitem</code>
<tr><td><code><a href=#the-main-element>main</a></code> element
@@ -12056,6 +12078,17 @@
<code title=attr-aria-role-toolbar>toolbar</code>, or
<code title=attr-aria-role-tree>tree</code>
+ <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> of a <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 and with a <a href=#concept-select-size title=concept-select-size>display size</a> equal to 1
+
+ <td><code title=attr-aria-role-option>option</code> role
+
+ <td>Role must be either
+ <code title=attr-aria-role-option>option</code>,
+ <code title=attr-aria-role-menuitem>menuitem</code>,
+ <code title=attr-aria-role-menuitemradio>menuitemradio</code>, or
+ <code title=attr-aria-role-separator>separator</code>
+
<tr><td><code><a href=#the-output-element>output</a></code> element
<td><code title=attr-aria-role-status>status</code> role
@@ -12080,6 +12113,15 @@
<code title=attr-aria-role-search>search</code>, or
<code title=attr-aria-role-status>status</code>
+ <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 and with a <a href=#concept-select-size title=concept-select-size>display size</a> equal to 1
+
+ <td><code title=attr-aria-role-listbox>listbox</code> role
+
+ <td>Role must be either
+ <code title=attr-aria-role-listbox>listbox</code> or
+ <code title=attr-aria-role-menu>menu</code>
+
<tr><td><code><a href=#the-ul-element>ul</a></code> element
<td><code title=attr-aria-role-list>list</code> role
Modified: source
===================================================================
--- source 2014-01-21 21:54:20 UTC (rev 8411)
+++ source 2014-01-21 22:51:52 UTC (rev 8412)
@@ -11935,14 +11935,27 @@
<tr>
<td><code>option</code> element that is in a <span data-x="concept-select-option-list">list of
- options</span> or that represents a suggestion in a <code>datalist</code> element
+ options</span>
- <td><code data-x="attr-aria-role-option">option</code> role, with the <code
- data-x="attr-aria-selected">aria-selected</code> state set to "true" if the element's <span
- data-x="concept-option-selectedness">selectedness</span> is true, or "false" otherwise.
+ <td><code data-x="attr-aria-selected">aria-selected</code> and <code
+ data-x="attr-aria-checked">aria-checked</code> states set to "true" if the element's <span
+ data-x="concept-option-selectedness">selectedness</span> is true, and "false" otherwise
+ <!-- we set -selected for when the role is option, and -checked for when it's menuitemradio;
+ hopefully having them set when they don't apply is a no-op (the ARIA spec doesn't seem clear
+ about this) -->
+
<tr>
+ <td><code>option</code> element that represents a suggestion in a <code>datalist</code> element
+ or that is in a <span data-x="concept-select-option-list">list of options</span> of a
+ <code>select</code> element with a <code data-x="attr-select-multiple">multiple</code>
+ attribute or a <span data-x="concept-select-size">display size</span> greater than 1
+
+ <td><code data-x="attr-aria-role-option">option</code> role
+
+ <tr>
+
<td><code>param</code> element
<td><span data-x="concept-role-none">No role</span>
@@ -11973,8 +11986,16 @@
<tr>
- <td><code>select</code> element with no <code data-x="attr-select-multiple">multiple</code> attribute
+ <td><code>select</code> element with no <code data-x="attr-select-multiple">multiple</code>
+ attribute and with a <span data-x="concept-select-size">display size</span> equal to 1
+ <td><code data-x="attr-aria-multiselectable">aria-multiselectable</code> property set to "false"
+
+ <tr>
+
+ <td><code>select</code> element with no <code data-x="attr-select-multiple">multiple</code>
+ attribute and with a <span data-x="concept-select-size">display size</span> greater than 1
+
<td><code data-x="attr-aria-role-listbox">listbox</code> role, with the <code
data-x="attr-aria-multiselectable">aria-multiselectable</code> property set to "false"
@@ -12328,11 +12349,13 @@
<td><code data-x="attr-aria-role-listitem">listitem</code> role
- <td>Role must be either <code data-x="attr-aria-role-listitem">listitem</code>, <code
- data-x="attr-aria-role-menuitemcheckbox">menuitemcheckbox</code>, <code
- data-x="attr-aria-role-menuitemradio">menuitemradio</code>, <code
- data-x="attr-aria-role-option">option</code>, <code data-x="attr-aria-role-tab">tab</code>, or
- <code data-x="attr-aria-role-treeitem">treeitem</code>
+ <td>Role must be either
+ <code data-x="attr-aria-role-listitem">listitem</code>,
+ <code data-x="attr-aria-role-menuitemcheckbox">menuitemcheckbox</code>,
+ <code data-x="attr-aria-role-menuitemradio">menuitemradio</code>,
+ <code data-x="attr-aria-role-option">option</code>,
+ <code data-x="attr-aria-role-tab">tab</code>, or
+ <code data-x="attr-aria-role-treeitem">treeitem</code>
<tr>
@@ -12387,6 +12410,21 @@
<tr>
+ <td><code>option</code> element that is in a <span data-x="concept-select-option-list">list of
+ options</span> of a <code>select</code> element with no <code
+ data-x="attr-select-multiple">multiple</code> attribute and with a <span
+ data-x="concept-select-size">display size</span> equal to 1
+
+ <td><code data-x="attr-aria-role-option">option</code> role
+
+ <td>Role must be either
+ <code data-x="attr-aria-role-option">option</code>,
+ <code data-x="attr-aria-role-menuitem">menuitem</code>,
+ <code data-x="attr-aria-role-menuitemradio">menuitemradio</code>, or
+ <code data-x="attr-aria-role-separator">separator</code>
+
+ <tr>
+
<td><code>output</code> element
<td><code data-x="attr-aria-role-status">status</code> role
@@ -12415,6 +12453,17 @@
<tr>
+ <td><code>select</code> element with no <code data-x="attr-select-multiple">multiple</code>
+ attribute and with a <span data-x="concept-select-size">display size</span> equal to 1
+
+ <td><code data-x="attr-aria-role-listbox">listbox</code> role
+
+ <td>Role must be either
+ <code data-x="attr-aria-role-listbox">listbox</code> or
+ <code data-x="attr-aria-role-menu">menu</code>
+
+ <tr>
+
<td><code>ul</code> element
<td><code data-x="attr-aria-role-list">list</code> role
More information about the Commit-Watchers
mailing list