- From: Steven Faulkners via cvs-syncmail <cvsmail@w3.org>
- Date: Mon, 14 Mar 2011 04:20:34 +0000
- To: public-html-commits@w3.org
Update of /sources/public/html5/html-api-map In directory hutz:/tmp/cvs-serv5522 Modified Files: overview.html Log Message: filled in more of role tables and added to accname/accdescriptions Index: overview.html =================================================================== RCS file: /sources/public/html5/html-api-map/overview.html,v retrieving revision 1.30 retrieving revision 1.31 diff -u -d -r1.30 -r1.31 --- overview.html 24 Feb 2011 16:15:21 -0000 1.30 +++ overview.html 14 Mar 2011 04:20:32 -0000 1.31 @@ -46,7 +46,7 @@ <BODY> <div class="head"><p><a href="http://www.w3.org/"><img width="72" height="48" src="http://www.w3.org/Icons/w3c_home" alt="W3C"></a></p><h1 class="title" id="title">HTML to Platform Accessibility APIs Implementation Guide</h1> <h2 id="subhead">A user agent developer's guide to understanding and implementing accessibility support in HTML</h2> -<h2 id="w3c-editors-draft"><abbr title="World Wide Web Consortium">W3C</abbr> Editor's Draft, 24 February 2011</h2> +<h2 id="w3c-editors-draft"><abbr title="World Wide Web Consortium">W3C</abbr> Editor's Draft, 14 March 2011</h2> @@ -76,7 +76,10 @@ <li><a href="#api-att">HTML attribute to Accessibility API State and Property Mapping Matrix</a></li> <li><a href="#calc">Accessible Name and Description calculation</a> <ul> - <li><a href="#calc-iput"><code>input type="text"</code> or <code>textarea</code> element</a></li> + <li><a href="#calc-iput">input type="text" and textarea element</a></li> + <li><a href="#inputs">input type="button" , input type="submit",input type="reset" and input type="password"</a> </li> + <li><a href="#input-image">input type="image"</a></li> + <li><a href="#control-other">Other form controls</a></li> </ul> </li> <li><a href="#examples">Accessible feature implementation examples</a> @@ -147,7 +150,7 @@ <td>none</td> <TD>ROLE_SYSTEM_ TEXT</TD> <TD>ROLE_SYSTEM_ TEXT</TD> - <TD>?Text</TD> + <TD>Text</TD> <TD>ROLE_TEXT</TD> <TD>AXStaticText</TD> </TR> @@ -202,7 +205,7 @@ <td><code title="attr-aria-role-article">article</code> role </td> <td >ROLE_SYSTEM_DOCUMENT + STATE_SYSTEM_READONLY</td> <td >Object attribute role="article"</td> - <td >?</td> + <td >Expose as text string "article" in AriaRole</td> <td >ROLE_DOCUMENT_FRAME + do not expose STATE_EDITABLE</td> <td >AXGroup, AXRoleDescription"article"</td> </TR> @@ -289,7 +292,7 @@ <TD>yes</TD> <td>none</td> <TD>ROLE_SYSTEM_ WHITESPACE</TD> - <TD>?</TD> + <TD>ROLE_SYSTEM_ WHITESPACE</TD> <TD>?</TD> <TD>?</TD> <TD>?</TD> @@ -714,7 +717,7 @@ <TD><em>IA2_ROLE_COLOR_CHOOSER</em> </TD> <TD>NONE</TD> <TD>ROLE_COLOR_CHOOSER</TD> - <TD>?</TD> + <TD>AXColorWell</TD> </TR> <TR> <td><code><a href="http://www.w3.org/TR/html5/forms.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="http://www.w3.org/TR/html5/forms.html#attr-input-type">type</a></code> attribute in the <a href="http://dev.w3.org/html5/spec/number-state.html#checkbox-state" title="attr-input-type-checkbox">Checkbox</a> state </td> @@ -736,7 +739,7 @@ <TD><em>IA2_ROLE_DATE_EDITOR</em></TD> <TD><a href="http://msdn.microsoft.com/en-us/library/dd320507%28v=VS.85%29.aspx">Calendar</a></TD> <TD>ROLE_CALENDAR (not supported by FF)</TD> - <TD>?</TD> + <TD>AXDateField</TD> </TR> <TR> <td><code><a href="http://www.w3.org/TR/html5/forms.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="http://www.w3.org/TR/html5/forms.html#attr-input-type">type</a></code> attribute in the <a href="http://www.w3.org/TR/html5/forms.html#date-and-time-state" title="attr-input-type-datetime">Date and Time</a> state </td> @@ -747,7 +750,7 @@ <TD><em>IA2_ROLE_DATE_EDITOR</em></TD> <TD><a href="http://msdn.microsoft.com/en-us/library/dd320507%28v=VS.85%29.aspx">Calendar</a></TD> <TD>ROLE_CALENDAR (not supported by FF)</TD> - <TD>?</TD> + <TD>AXDateField</TD> </TR> <TR> <td><code><a href="http://www.w3.org/TR/html5/forms.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="http://www.w3.org/TR/html5/forms.html#attr-input-type">type</a></code> attribute in the <a href="http://www.w3.org/TR/html5/forms.html#local-date-and-time-state" title="attr-input-type-datetime-local">Local Date and Time</a> state </td> @@ -758,7 +761,7 @@ <TD><em>IA2_ROLE_DATE_EDITOR</em></TD> <TD><a href="http://msdn.microsoft.com/en-us/library/dd320507%28v=VS.85%29.aspx">Calendar</a></TD> <TD>ROLE_CALENDAR (not supported by FF)</TD> - <TD>?</TD> + <TD>AXDateField</TD> </TR> <TR> <td><code><a href="http://www.w3.org/TR/html5/forms.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="http://www.w3.org/TR/html5/forms.html#attr-input-type">type</a></code> attribute in the <a href="http://www.w3.org/TR/html5/forms.html#e-mail-state" title="attr-input-type-email">E-mail</a> state with no <a href="http://www.w3.org/TR/html5/forms.html#concept-input-list" title="concept-input-list">suggestions source element</a></td> @@ -767,7 +770,7 @@ <td><code title="attr-aria-role-textbox">textbox</code> role</td> <td >ROLE_SYSTEM_TEXT</td> <td >IA2_STATE_SINGLE_LINE </td> - <td >Document</td> + <td >Edit</td> <td >ROLE_ENTRY + STATE_SINGLE_LINE </td> <td >AXTextArea</td> </TR> @@ -813,7 +816,7 @@ <TD><em>IA2_ROLE_DATE_EDITOR</em></TD> <TD><a href="http://msdn.microsoft.com/en-us/library/dd320507%28v=VS.85%29.aspx">Calendar</a></TD> <TD>?</TD> - <TD>?</TD> + <TD>AXDateField</TD> </TR> <TR> <td><code><a href="http://www.w3.org/TR/html5/forms.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="http://www.w3.org/TR/html5/forms.html#attr-input-type">type</a></code> attribute in the <a href="http://www.w3.org/TR/html5/forms.html#number-state" title="attr-input-type-number">Number</a> state </td> @@ -824,7 +827,7 @@ <td >ROLE_SYSTEM_SPINBUTTON</td> <td >Spinner</td> <td >ROLE_SPIN_BUTTON</td> - <td >AXProgressIndicator</td> + <td >AXIncrementor</td> </TR> <TR> <td><code><a href="http://www.w3.org/TR/html5/forms.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="http://www.w3.org/TR/html5/forms.html#attr-input-type">type</a></code> attribute in the <a href="http://www.w3.org/TR/html5/forms.html#password-state" title="attr-input-type-password">Password</a> state </td> @@ -833,9 +836,10 @@ <td><code title="attr-aria-role-textbox">textbox</code> role</td> <td >ROLE_SYSTEM_TEXT</td> <td >IA2_STATE_SINGLE_LINE </td> - <td >Document</td> + <td >Edit</td> <td >ROLE_ENTRY + STATE_SINGLE_LINE </td> - <td >AXTextArea</td> + <td ><p>AXTextArea</p> +AXSubrole: AXSecureTextField</td> </TR> <TR> <td><code><a href="http://www.w3.org/TR/html5/forms.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="http://www.w3.org/TR/html5/forms.html#attr-input-type">type</a></code> attribute in the <a href="http://www.w3.org/TR/html5/forms.html#radio-button-state" title="attr-input-type-radio">Radio Button</a> state </td> @@ -879,7 +883,9 @@ <td >IA2_STATE_SINGLE_LINE </td> <td >Document</td> <td >ROLE_ENTRY + STATE_SINGLE_LINE </td> - <td >AXTextArea</td> + <td ><p>AXTextArea</p> +AXSubRole:AXSearchField + <p> </p></td> </TR> <TR> <td><code><a href="http://www.w3.org/TR/html5/forms.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="http://www.w3.org/TR/html5/forms.html#attr-input-type">type</a></code> attribute in the <a href="http://www.w3.org/TR/html5/forms.html#submit-button-state" title="attr-input-type-submit">Submit Button</a> state </td> @@ -934,7 +940,7 @@ <td >ROLE_SYSTEM_SPINBUTTON</td> <td >Spinner</td> <td >ROLE_SPIN_BUTTON</td> - <td >AXProgressIndicator</td> + <td >AXTimeField</td> </TR> <TR> <td><code><a href="http://www.w3.org/TR/html5/forms.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="http://www.w3.org/TR/html5/forms.html#attr-input-type">type</a></code> attribute in the <a href="http://www.w3.org/TR/html5/forms.html#url-state" title="attr-input-type-url">URL</a> state with no <a href="http://www.w3.org/TR/html5/forms.html#concept-input-list" title="concept-input-list">suggestions source element</a></td> @@ -956,7 +962,7 @@ <TD><em>IA2_ROLE_DATE_EDITOR</em></TD> <TD><a href="http://msdn.microsoft.com/en-us/library/dd320507%28v=VS.85%29.aspx">Calendar</a></TD> <TD>ROLE_CALENDAR</TD> - <TD>?</TD> + <TD>AXDateField</TD> </TR> <TR> <td><code><A href="http://dev.w3.org/html5/spec/edits.html#the-ins-element">ins</A></code> element</td> @@ -989,7 +995,7 @@ <TD>?</TD> <TD>?</TD> <TD>?</TD> - <TD>?</TD> + <TD>AXComboBox</TD> </TR> <TR> <td><a href="http://dev.w3.org/html5/spec/forms.html#the-label-element"><code>label</code></a>element </td> @@ -1000,7 +1006,7 @@ <TD>IA2_ROLE_LABEL</TD> <TD>?</TD> <TD>ROLE_LABEL</TD> - <TD>?</TD> + <TD>AXStaticText</TD> </TR> <TR> <td><code><a href="http://dev.w3.org/html5/spec/href="http://www.w3.org/TR/html5/grouping-content.html#the-li-element">li</a></code> element whose parent is an <code><a href="http://dev.w3.org/html5/spec/href="http://www.w3.org/TR/html5/grouping-content.html#the-ol-element">ol</a></code> or <code><a href="http://dev.w3.org/html5/spec/href="http://www.w3.org/TR/html5/grouping-content.html#the-ul-element">ul</a></code> element </td> @@ -1022,7 +1028,7 @@ <td >ROLE_SYSTEM_LISTITEM + STATE_SYSTEM_READONLY</td> <td >ListItem</td> <td >ROLE_LISTITEM + do not expose STATE_EDITABLE</td> - <td >AXGroup</td> + <td >AXMenuItemRole</td> </TR> <TR> <td><a href="http://dev.w3.org/html5/spec/semantics.html#the-link-element"><code>link</code></a> element</td> @@ -1137,7 +1143,7 @@ <TD>N/A</TD> </TR> <TR> - <td><code>meter</code> element</td> + <td><a href="http://dev.w3.org/html5/spec/the-button-element.html#the-meter-element">meter element</a></td> <TD>no</TD> <TD>yes</TD> <td>none</td> @@ -1152,9 +1158,9 @@ <TD>no</TD> <TD>yes</TD> <td><code title="attr-aria-role-navigation">navigation</code> role </td> - <TD>grouping??</TD> + <TD>ROLE_SYSTEM_GROUPING</TD> <td >Object attribute role="navigation"</td> - <td > </td> + <td >Expose as text string "complementary" in AriaRole</td> <td > </td> <td >AXGroup, AXRoleDescription="navigation"</td> </TR> @@ -1174,11 +1180,11 @@ <TD>yes</TD> <TD>yes</TD> <td>no role</td> - <TD>?</TD> - <TD>?</TD> - <TD>?</TD> - <TD>?</TD> - <TD>?</TD> + <TD>depends on format of data file. examples include document, client, graphic and unknown (tested using <a href="http://www.student.oulu.fi/~sairwas/object-test/">object</a> test suite).</TD> + <TD>Refer to MSAA</TD> + <TD>depends on format of data file. </TD> + <TD><em>ROLE_EMBEDDED</em></TD> + <TD>depends on format of data file. </TD> </TR> <TR> <td><code><a href="http://www.w3.org/TR/html5/semantics.html#the-ol-element">ol</a></code> element </td> @@ -1186,7 +1192,7 @@ <TD>yes</TD> <td><code title="attr-aria-role-list">list</code> role </td> <td >ROLE_SYSTEM_LIST + STATE_SYSTEM_READONLY</td> - <td > </td> + <td >ROLE_SYSTEM_LIST + STATE_SYSTEM_READONLY</td> <td >List</td> <td >ROLE_LIST + do not expose STATE_EDITABLE</td> <td >AXList</td> @@ -1197,10 +1203,10 @@ <TD>yes</TD> <td><code>group</code> role</td> <TD>ROLE_SYSTEM_GROUPING</TD> - <TD> </TD> - <TD>?</TD> - <TD>?</TD> + <TD>ROLE_SYSTEM_GROUPING</TD> <TD>?</TD> + <TD><em>ROLE_PANEL</em></TD> + <TD>AXGroup</TD> </TR> <TR> <td><code><a href="http://www.w3.org/TR/html5/forms.html#the-option-element">option</a></code> element that is in a <a href="http://www.w3.org/TR/html5/forms.html#concept-select-option-list" title="concept-select-option-list">list of options</a> or that represents a suggestion in a <code><a href="http://www.w3.org/TR/html5/forms.html#the-datalist-element">datalist</a></code> element </td> @@ -1208,7 +1214,7 @@ <TD>yes</TD> <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="http://www.w3.org/TR/html5/forms.html#concept-option-selectedness" title="concept-option-selectedness">selectedness</a> is true, or "false" otherwise. </td> <TD>ROLE_SYSTEM_LISTITEM</TD> - <TD>?</TD> + <TD>ROLE_SYSTEM_LISTITEM</TD> <TD>ListItem</TD> <TD>ROLE_LIST_ITEM</TD> <TD>NSAccessibilityStaticTextRole</TD> @@ -1219,7 +1225,7 @@ <TD>yes</TD> <td><code>status</code> role</td> <TD>ROLE_SYSTEM_STATUSBAR</TD> - <TD> </TD> + <TD>ROLE_SYSTEM_STATUSBAR</TD> <TD>StatusBar</TD> <TD>ROLE_STATUSBAR</TD> <TD>AXGroup, AXRoleDescription="status"</TD> @@ -1231,8 +1237,8 @@ <td>none</td> <TD>ROLE_SYSTEM_TEXT</TD> <TD><em>IA2_ROLE_PARAGRAPH</em></TD> - <TD>?</TD> - <TD>?</TD> + <TD>Text</TD> + <TD><em>ROLE_PARAGRAPH</em> </TD> <TD>AXStaticText, AXRoleDescription="paragraph"</TD> </TR> <TR> @@ -1253,7 +1259,7 @@ <td>none</td> <TD>ROLE_SYSTEM_ TEXT</TD> <TD>ROLE_SYSTEM_ TEXT</TD> - <TD>?</TD> + <TD>Text</TD> <TD>ROLE_TEXT</TD> <TD>AXStaticText</TD> </TR> @@ -1362,10 +1368,12 @@ <TD>yes</TD> <TD>yes</TD> <td><code title="attr-aria-role-listbox">listbox</code> role, with the <code title="attr-aria-multiselectable">aria-multiselectable</code> property set to "true" </td> - <TD>ROLE_SYSTEM_LIST + STATE_SYSTEM_READONLY</TD> - <TD>?</TD> + <TD><p>ROLE_SYSTEM_LIST + <br> + STATE_SYSTEM_MULTISELECTABLE + STATE_SYSTEM_READONLY</p></TD> + <TD>ROLE_SYSTEM_LIST + <br> +STATE_SYSTEM_MULTISELECTABLE + STATE_SYSTEM_READONLY</TD> <TD>list</TD> - <TD>?</TD> + <TD><em>ROLE_LIST</em> + <em>STATE_MULTISELECTABLE</em> </TD> <TD>?</TD> </TR> <TR> @@ -1386,7 +1394,7 @@ <td>none</td> <TD>ROLE_SYSTEM_ TEXT</TD> <TD>ROLE_SYSTEM_ TEXT</TD> - <TD>?</TD> + <TD>Text</TD> <TD>ROLE_TEXT</TD> <TD>AXStaticText</TD> </TR> @@ -1396,8 +1404,8 @@ <TD>yes</TD> <td>none</td> <td ><p>Do not expose this object </p></td> - <td > </td> - <td > </td> + <td >Do not expose this object </td> + <td >Do not expose this object </td> <td ><p>Do not expose this object</p></td> <td >AXRoleDescription="presentation"</td> </TR> @@ -1408,7 +1416,7 @@ <td>none</td> <TD>ROLE_SYSTEM_ TEXT</TD> <TD>ROLE_SYSTEM_ TEXT</TD> - <TD>?</TD> + <TD>Text</TD> <TD>ROLE_TEXT</TD> <TD>AXStaticText</TD> </TR> @@ -1419,7 +1427,7 @@ <td>none</td> <TD>ROLE_SYSTEM_ TEXT</TD> <TD>ROLE_SYSTEM_ TEXT</TD> - <TD>?</TD> + <TD>Text</TD> <TD>ROLE_TEXT</TD> <TD>AXStaticText</TD> </TR> @@ -1429,8 +1437,8 @@ <TD>yes</TD> <td>none</td> <td ><p>Do not expose this object </p></td> - <td > </td> - <td > </td> + <td >Do not expose this object </td> + <td >Do not expose this object </td> <td ><p>Do not expose this object</p></td> <td >AXRoleDescription="presentation"</td> </TR> @@ -1441,7 +1449,7 @@ <td>none</td> <TD>ROLE_SYSTEM_ TEXT</TD> <TD>ROLE_SYSTEM_ TEXT</TD> - <TD>?</TD> + <TD>Text</TD> <TD>ROLE_TEXT</TD> <TD>AXStaticText</TD> </TR> @@ -1486,7 +1494,7 @@ <TD>yes</TD> <td>none</td> <TD>ROLE_SYSTEM_GROUPING</TD> - <TD>?</TD> + <TD>ROLE_SYSTEM_GROUPING</TD> <TD>?</TD> <TD> </TD> <TD>AXGroup, AXRoleDescription="table body"</TD> @@ -1497,7 +1505,7 @@ <TD>yes</TD> <td>none</td> <td >ROLE_SYSTEM_CELL</td> - <td > </td> + <td >ROLE_SYSTEM_CELL</td> <td >DataItem</td> <td >ROLE_TABLE_CELL</td> <td >AXCell</td> @@ -1522,7 +1530,7 @@ <TD>ROLE_SYSTEM_GROUPING</TD> <TD>ROLE_SYSTEM_GROUPING</TD> <TD>?</TD> - <TD>?</TD> + <TD><em>ROLE_PANEL</em></TD> <TD>AXGroup, AXRoleDescription="table footer"</TD> </TR> <TR> @@ -1564,9 +1572,9 @@ <TD>yes</TD> <td>none</td> <TD>ROLE_SYSTEM_GROUPING</TD> + <TD>ROLE_SYSTEM_GROUPING</TD> <TD>?</TD> - <TD>?</TD> - <TD>?</TD> + <TD><em>ROLE_PANEL</em></TD> <TD>AXGroup, AXRoleDescription="table header"</TD> </TR> <TR> @@ -1585,11 +1593,11 @@ <TD>yes</TD> <TD>yes</TD> <td>none</td> - <TD>?</TD> - <TD>?</TD> - <TD>?</TD> - <TD>?</TD> - <TD>?</TD> + <td ><p>N/A</p></td> + <td >N/A</td> + <td >N/A</td> + <td ><p>N/A</p></td> + <td >N/A</td> </TR> <TR> <td><code><a href="http://dev.w3.org/html5/spec/tabular-data.html#the-tr-element">tr</a></code> element </td> @@ -1597,7 +1605,7 @@ <TD>yes</TD> <td>none</td> <td >ROLE_SYSTEM_ROW </td> - <td > </td> + <td >ROLE_SYSTEM_ROW </td> <td >DataItem</td> <td >ROLE_LIST_ITEM</td> <td >AXRow</td> @@ -1608,7 +1616,7 @@ <TD>yes</TD> <td><code title="attr-aria-role-list">list</code> role </td> <td >ROLE_SYSTEM_LIST + STATE_SYSTEM_READONLY</td> - <td > </td> + <td >ROLE_SYSTEM_LIST + STATE_SYSTEM_READONLY</td> <td >List</td> <td >ROLE_LIST + do not expose STATE_EDITABLE</td> <td >AXList</td> @@ -1640,11 +1648,11 @@ <TD>no</TD> <TD>yes</TD> <td>none</td> - <TD>?</TD> - <TD>?</TD> - <TD>?</TD> - <TD>?</TD> - <TD>?</TD> + <TD>none</TD> + <TD>none</TD> + <TD>none</TD> + <TD>none</TD> + <TD>none</TD> </TR> </TBODY></TABLE> </div> @@ -2643,7 +2651,7 @@ <H2 id="calc">Accessible Name and Description calculation</H2> <p>The terms <a href="http://www.w3.org/WAI/PF/aria-implementation/#def_accessible_name">accessible name</a> and accessible description are properties provided in all accessibility APIs. The name of the properties may differ across APIs but they serve the same function: as a container for a short (name) or longer (description) string of text. </p> <h3 id="calc-iput"><code>Input type="text"</code> or <code>textarea</code> element</h3> - <p> If the control has an <code><a href="http://www.w3.org/TR/wai-aria/states_and_properties#aria-label">aria-label</a></code> or an <code><a href="http://www.w3.org/TR/wai-aria/states_and_properties#aria-labelledby">aria-labelledby</a></code> attribute the accessible name is to be calculated using the alogorithm defined in section <a href="http://www.w3.org/TR/wai-aria/roles#namecalculation">5.2.7. Accessible Name Calculation</a> of the <a href="http://www.w3.org/TR/wai-aria/">WAI-ARIA 1.0 specification</a>. </p> + <p> If the control has an <code><a href="http://www.w3.org/TR/wai-aria/states_and_properties#aria-label">aria-label</a></code> or an <code><a href="http://www.w3.org/TR/wai-aria/states_and_properties#aria-labelledby">aria-labelledby</a></code> attribute the accessible name is to be calculated using the algorithm defined in section <a href="http://www.w3.org/TR/wai-aria/roles#namecalculation">5.2.7. Accessible Name Calculation</a> of the <a href="http://www.w3.org/TR/wai-aria/">WAI-ARIA 1.0 specification</a>. </p> <p>Otherwise, the accessible name is derived from the following sources; non-empty <a href="http://dev.w3.org/html5/spec/common-input-element-attributes.html#the-placeholder-attribute"><code>placeholder</code></a> attribute, non-empty associated <a href="http://dev.w3.org/html5/spec/forms.html#the-label-element"><code>label</code></a> element or a non-empty <a href="http://dev.w3.org/html5/spec/semantics.html#the-title-element-0"><code>title</code></a> attribute.</p> <p>The accessible description is derived from the following sources; non-empty <a href="http://dev.w3.org/html5/spec/common-input-element-attributes.html#the-placeholder-attribute"><code>placeholder</code></a> attribute or a non-empty <a href="http://dev.w3.org/html5/spec/semantics.html#the-title-element-0"><code>title</code></a> attribute.</p> <ul> @@ -2653,18 +2661,27 @@ <li>If the control has a non-empty <code>placeholder</code> attribute and a non-empty <code>title</code> attribute and associated non-empty <code>label</code> element, use the content of the <code>label</code> element as the control's accessible name. Use the content of the <code>title</code> attribute concatenated with the content of the <code>placeholder</code> attribute as the control's accessible description.</li> <li>If a control does not have a non-empty <code>placeholder</code> attribute or a non-empty associated <code>label</code> element or a non-empty <code>title</code> attribute, the control's accessible name is an empty string and the control's accessible description is an empty string. </li> </ul> - <h3>input type="button", input type="image", input type="submit", input type="reset"</h3> + <h3 id="inputs">input type="button" , input type="submit", input type="reset" and input type="password"</h3> <p>If the control has an <code><a href="http://www.w3.org/TR/wai-aria/states_and_properties#aria-label">aria-label</a></code> or an <code><a href="http://www.w3.org/TR/wai-aria/states_and_properties#aria-labelledby">aria-labelledby</a></code> attribute the accessible name is to be calculated using the algorithm defined in section <a href="http://www.w3.org/TR/wai-aria/roles#namecalculation">5.2.7. Accessible Name Calculation</a> of the <a href="http://www.w3.org/TR/wai-aria/">WAI-ARIA 1.0 specification</a>. </p> - <p>Otherwise the accessible name is derived from the following sources; a non-empty associated <a href="http://dev.w3.org/html5/spec/forms.html#the-label-element"><code>label</code></a> element, the <code>value</code> attribute, the <code>alt</code> attribute, or a non-empty <a href="http://dev.w3.org/html5/spec/semantics.html#the-title-element-0"><code>title</code></a> attribute.</p> + <p>Otherwise the accessible name is derived from the following sources; a non-empty <code>value</code> attribute, or a non-empty <a href="http://dev.w3.org/html5/spec/semantics.html#the-title-element-0"><code>title</code></a> attribute.</p> <ul> - <li>If the control has neither a non-empty associated <code>label</code> element or a non-empty <code>title</code> attribute the control's accessible name is an empty string and the control's accessible description is an empty string.</li> - <li>If the control has a non-empty associated <code>label</code> element, but not a non-empty <code>title</code> attribute, use the content of the associated <code>label</code> element as the control's accessible name.</li> - <li>If the control has a non-empty <code>title</code> attribute, but not a non-empty associated <code>label</code> element, use the content of the <code>title</code> attribute as the control's accessible name.</li> - <li>If the control has a non-empty associated <code>label</code> element and a non-empty <code>title</code> attribute, use the content of the associated <code>label</code> element as the control's accessible name. Use the content of the <code>title</code> attribute as the control's accessible description.</li> + <li>If the control has neither a non-empty <code>value</code> attribute or a non-empty <code>title</code> attribute the control's accessible name is an empty string and the control's accessible description is an empty string.</li> + <li>If the control has a non-empty <code>value</code> attribute, but not a non-empty <code>title</code> attribute, use the content of <code>value</code> attribute as the control's accessible name.</li> + <li>If the control has a non-empty <code>title</code> attribute, but not a non-empty <code>value</code> attribute, use the content of <code>title</code> attribute as the control's accessible name.</li> + <li>If the control has a non-empty <code>value</code> attribute, and a non-empty <code>title</code> attribute, use the content of <code>value</code> attribute as the control's accessible name. Use the content of the <code>title</code> attribute as the control's accessible description.</li> </ul> -<h3>Other form elements</h3> +<h3 id="input-image">input type="image"</h3> +<p>If the control has an <code><a href="http://www.w3.org/TR/wai-aria/states_and_properties#aria-label">aria-label</a></code> or an <code><a href="http://www.w3.org/TR/wai-aria/states_and_properties#aria-labelledby">aria-labelledby</a></code> attribute the accessible name is to be calculated using the algorithm defined in section <a href="http://www.w3.org/TR/wai-aria/roles#namecalculation">5.2.7. Accessible Name Calculation</a> of the <a href="http://www.w3.org/TR/wai-aria/">WAI-ARIA 1.0 specification</a>. </p> +<p>Otherwise the accessible name is derived from the following sources; a non-empty<code> alt</code> attribute, or a non-empty <a href="http://dev.w3.org/html5/spec/semantics.html#the-title-element-0"><code>title</code></a> attribute.</p> +<ul> + <li>If the control has neither a non-empty <code>alt</code> attribute or a non-empty <code>title</code> attribute the control's accessible name is an empty string and the control's accessible description is an empty string.</li> + <li>If the control has a non-empty <code>alt</code> attribute, but not a non-empty <code>title</code> attribute, use the content of <code>alt</code> attribute as the control's accessible name.</li> + <li>If the control has a non-empty <code>title</code> attribute, but not a non-empty <code>alt</code> attribute, use the content of <code>title</code> attribute as the control's accessible name.</li> + <li>If the control has a non-empty <code>alt</code> attribute, and a non-empty <code>title</code> attribute, use the content of <code>alt</code> attribute as the control's accessible name. Use the content of the <code>title</code> attribute as the control's accessible description.</li> +</ul> +<h3 id="control-other">Other form elements</h3> <p>If the control has an <code><a href="http://www.w3.org/TR/wai-aria/states_and_properties#aria-label">aria-label</a></code> or an <code><a href="http://www.w3.org/TR/wai-aria/states_and_properties#aria-labelledby">aria-labelledby</a></code> attribute the accessible name is to be calculated using the algorithm defined in section <a href="http://www.w3.org/TR/wai-aria/roles#namecalculation">5.2.7. Accessible Name Calculation</a> of the <a href="http://www.w3.org/TR/wai-aria/">WAI-ARIA 1.0 specification</a>. </p> - <p>Otherwise the accessible name is derived from the following sources; a non-empty associated <a href="http://dev.w3.org/html5/spec/forms.html#the-label-element"><code>label</code></a> element, the <code>value</code> attribute, the <code>alt</code> attribute, or a non-empty <a href="http://dev.w3.org/html5/spec/semantics.html#the-title-element-0"><code>title</code></a> attribute.</p> + <p>Otherwise the accessible name is derived from the following sources; a non-empty associated <a href="http://dev.w3.org/html5/spec/forms.html#the-label-element"><code>label</code></a> element or a non-empty <a href="http://dev.w3.org/html5/spec/semantics.html#the-title-element-0"><code>title</code></a> attribute.</p> <ul> <li>If the control has neither a non-empty associated <code>label</code> element or a non-empty <code>title</code> attribute the control's accessible name is an empty string and the control's accessible description is an empty string.</li> <li>If the control has a non-empty associated <code>label</code> element, but not a non-empty <code>title</code> attribute, use the content of the associated <code>label</code> element as the control's accessible name.</li> @@ -2685,9 +2702,11 @@ <h4>focus and keyboard interaction</h4> <p>The <code>summary</code> element should be focusable by default.</p> <p>The <code>details</code> element should not focusable by default. </p> - <p>Pressing the spacebar key when the <code>summmary</code> element has focus will show the <code>details</code> element content if the content is hidden. If the <code>details</code> element content is showing and the <code>summary</code> element has focus, pressing the spacebar key will hide the details element content.</p> + <p>Pressing the spacebar key when the <code>summary</code> element has focus will show the <code>details</code> element content if the content is hidden. If the <code>details</code> element content is showing and the <code>summary</code> element has focus, pressing the spacebar key will hide the details element content.</p> <h4>Role, name, state and property mapping</h4> <p>The <code>summary</code> element should be mapped to a disclosure triangle role in accessibility APIs that have such a role. For example the Mac accessibility API includes the <code>AXDisclosureTriangle</code> role. In accessibility APIs that do not have such a fine grained role, the summary element should be mapped to a <code>button</code> role. The role mapping table contains <a href="#sum">recommended mappings for the summary element</a>.</p> <p>The accessible name for the summary element is the text content of the summary element. </p> <p>When the details element content is hidden, the state of the content should be reflected by an accessible state or property. For example, in the Mac accessibility API on the <code>summary</code> element (<code>AXDisclosureTriangle</code>), set <code>AXValue</code> property to 0. When the details element content is showing on the <code>summary</code> element (<code>AXDisclosureTriangle</code>), set the <code>AXValue</code> property to 1. The hidden and showing states of the details element is reflected by the absence or presence of the <a href="#att-open">open</a> attribute.</p> -</BODY></HTML> \ No newline at end of file + <!--<h2>Role Categorisation</h2> + <p>Roles that are not explicitly defined in Accessibility APIs can still be exposed by user agents as accessibility API object properties.</p>--> + </BODY></HTML> \ No newline at end of file
Received on Monday, 14 March 2011 04:20:39 UTC