ghopp
/
server_playground
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Another abandoned server code base... this is kind of an ancestor of taskrambler.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
38 Commits
1 Branch
0 Tags
51 MiB
 
 
 
 
 
 
Tree: de7e390c78
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'de7e390c78'
${ noResults }
server_playground/doc/www.w3.org/TR/html-aapi/index.html

3177 lines
148 KiB
Raw Blame History

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en" dir="ltr"><head>
<title>HTML to Platform Accessibility APIs Implementation Guide</title>
<style type="text/css">
caption {
text-align:left;
font-weight:bold
}
table {
width:100%;
border-collapse: collapse;
border: 1px solid #630;
font: normal 80% arial, Verdana, helvetica, sans-serif;
}
th, td {
text-align: left;
vertical-align: top;
padding: 0.3em;
border-collapse: collapse;
border: 1px solid #630;
}
td h1 {
font-size:85%
}
thead th, thead td {
font-weight: bold;
text-align: center;
}
.note {
font-size: large;
font-style: italic;
color: #030;
}
.warning {
font-size: x-large;
font-weight: normal;
color: #900;
}
.ed_mailto::before {
content: "\3c";
}
.ed_mailto::after {
content: ">";
}
</style>
<style type="text/css">
/*****************************************************************
* ReSpec CSS
* Robin Berjon (robin at berjon dot com)
* v0.05 - 2009-07-31
*****************************************************************/
/* --- INLINES --- */
em.rfc2119 {
text-transform: lowercase;
font-variant: small-caps;
font-style: normal;
color: #900;
}
h1 acronym, h2 acronym, h3 acronym, h4 acronym, h5 acronym, h6 acronym, a acronym,
h1 abbr, h2 abbr, h3 abbr, h4 abbr, h5 abbr, h6 abbr, a abbr {
border: none;
}
dfn {
font-weight: bold;
}
a.internalDFN {
color: inherit;
border-bottom: 1px solid #99c;
text-decoration: none;
}
a.externalDFN {
color: inherit;
border-bottom: medium dotted #ccc;
text-decoration: none;
}
a.bibref {
text-decoration: none;
}
code {
color: #ff4500;
}
/* --- WEB IDL --- */
pre.idl {
border-top: 1px solid #90b8de;
border-bottom: 1px solid #90b8de;
padding: 1em;
line-height: 120%;
}
pre.idl::before {
content: "WebIDL";
display: block;
width: 150px;
background: #90b8de;
color: #fff;
font-family: initial;
padding: 3px;
font-weight: bold;
margin: -1em 0 1em -1em;
}
.idlType {
color: #ff4500;
font-weight: bold;
text-decoration: none;
}
/*.idlModule*/
/*.idlModuleID*/
/*.idlInterface*/
.idlInterfaceID {
font-weight: bold;
color: #005a9c;
}
.idlSuperclass {
font-style: italic;
color: #005a9c;
}
/*.idlAttribute*/
.idlAttrType, .idlFieldType {
color: #005a9c;
}
.idlAttrName, .idlFieldName {
color: #ff4500;
}
.idlAttrName a, .idlFieldName a {
color: #ff4500;
border-bottom: 1px dotted #ff4500;
text-decoration: none;
}
/*.idlMethod*/
.idlMethType {
color: #005a9c;
}
.idlMethName {
color: #ff4500;
}
.idlMethName a {
color: #ff4500;
border-bottom: 1px dotted #ff4500;
text-decoration: none;
}
/*.idlParam*/
.idlParamType {
color: #005a9c;
}
.idlParamName {
font-style: italic;
}
.extAttr {
color: #666;
}
/*.idlConst*/
.idlConstType {
color: #005a9c;
}
.idlConstName {
color: #ff4500;
}
.idlConstName a {
color: #ff4500;
border-bottom: 1px dotted #ff4500;
text-decoration: none;
}
/*.idlException*/
.idlExceptionID {
font-weight: bold;
color: #c00;
}
.idlTypedefID, .idlTypedefType {
color: #005a9c;
}
.idlRaises, .idlRaises a.idlType, .idlRaises a.idlType code, .excName a, .excName a code {
color: #c00;
font-weight: normal;
}
.excName a {
font-family: monospace;
}
.idlRaises a.idlType, .excName a.idlType {
border-bottom: 1px dotted #c00;
}
.excGetSetTrue, .excGetSetFalse, .prmNullTrue, .prmNullFalse, .prmOptTrue, .prmOptFalse {
width: 45px;
text-align: center;
}
.excGetSetTrue, .prmNullTrue, .prmOptTrue { color: #0c0; }
.excGetSetFalse, .prmNullFalse, .prmOptFalse { color: #c00; }
.idlImplements a {
font-weight: bold;
}
dl.attributes, dl.methods, dl.constants, dl.fields {
margin-left: 2em;
}
.attributes dt, .methods dt, .constants dt, .fields dt {
font-weight: normal;
}
.attributes dt code, .methods dt code, .constants dt code, .fields dt code {
font-weight: bold;
color: #000;
font-family: monospace;
}
.attributes dt code, .fields dt code {
background: #ffffd2;
}
.attributes dt .idlAttrType code, .fields dt .idlFieldType code {
color: #005a9c;
background: transparent;
font-family: inherit;
font-weight: normal;
font-style: italic;
}
.methods dt code {
background: #d9e6f8;
}
.constants dt code {
background: #ddffd2;
}
.attributes dd, .methods dd, .constants dd, .fields dd {
margin-bottom: 1em;
}
table.parameters, table.exceptions {
border-spacing: 0;
border-collapse: collapse;
margin: 0.5em 0;
width: 100%;
}
table.parameters { border-bottom: 1px solid #90b8de; }
table.exceptions { border-bottom: 1px solid #deb890; }
.parameters th, .exceptions th {
color: #fff;
padding: 3px 5px;
text-align: left;
font-family: initial;
font-weight: normal;
text-shadow: #666 1px 1px 0;
}
.parameters th { background: #90b8de; }
.exceptions th { background: #deb890; }
.parameters td, .exceptions td {
padding: 3px 10px;
border-top: 1px solid #ddd;
vertical-align: top;
}
.parameters tr:first-child td, .exceptions tr:first-child td {
border-top: none;
}
.parameters td.prmName, .exceptions td.excName, .exceptions td.excCodeName {
width: 100px;
}
.parameters td.prmType {
width: 120px;
}
table.exceptions table {
border-spacing: 0;
border-collapse: collapse;
width: 100%;
}
/* --- TOC --- */
.toc a {
text-decoration: none;
}
a .secno {
color: #000;
}
/* --- TABLE --- */
table.simple {
border-spacing: 0;
border-collapse: collapse;
border-bottom: 3px solid #005a9c;
}
.simple th {
background: #005a9c;
color: #fff;
padding: 3px 5px;
text-align: left;
}
.simple th[scope="row"] {
background: inherit;
color: inherit;
border-top: 1px solid #ddd;
}
.simple td {
padding: 3px 10px;
border-top: 1px solid #ddd;
}
.simple tr:nth-child(even) {
background: #f0f6ff;
}
/* --- DL --- */
.section dd > p:first-child {
margin-top: 0;
}
.section dd > p:last-child {
margin-bottom: 0;
}
.section dd {
margin-bottom: 1em;
}
.section dl.attrs dd, .section dl.eldef dd {
margin-bottom: 0;
}
/* --- EXAMPLES --- */
pre.example {
border-top: 1px solid #ff4500;
border-bottom: 1px solid #ff4500;
padding: 1em;
margin-top: 1em;
}
pre.example::before {
content: "Example";
display: block;
width: 150px;
background: #ff4500;
color: #fff;
font-family: initial;
padding: 3px;
font-weight: bold;
margin: -1em 0 1em -1em;
}
/* --- EDITORIAL NOTES --- */
.issue {
padding: 1em;
margin: 1em 0em 0em;
border: 1px solid #f00;
background: #ffc;
}
.issue::before {
content: "Issue";
display: block;
width: 150px;
margin: -1.5em 0 0.5em 0;
font-weight: bold;
border: 1px solid #f00;
background: #fff;
padding: 3px 1em;
}
.note {
margin: 1em 0em 0em;
padding: 1em;
border: 2px solid #cff6d9;
background: #e2fff0;
}
.note::before {
content: "Note";
display: block;
width: 150px;
margin: -1.5em 0 0.5em 0;
font-weight: bold;
border: 1px solid #cff6d9;
background: #fff;
padding: 3px 1em;
}
/* --- Best Practices --- */
div.practice {
border: solid #bebebe 1px;
margin: 2em 1em 1em 2em;
}
span.practicelab {
margin: 1.5em 0.5em 1em 1em;
font-weight: bold;
font-style: italic;
}
span.practicelab { background: #dfffff; }
span.practicelab {
position: relative;
padding: 0 0.5em;
top: -1.5em;
}
p.practicedesc {
margin: 1.5em 0.5em 1em 1em;
}
@media screen {
p.practicedesc {
position: relative;
top: -2em;
padding: 0;
margin: 1.5em 0.5em -1em 1em;
}
/* --- SYNTAX HIGHLIGHTING --- */
pre.sh_sourceCode {
background-color: white;
color: black;
font-style: normal;
font-weight: normal;
}
pre.sh_sourceCode .sh_keyword { color: #005a9c; font-weight: bold; } /* language keywords */
pre.sh_sourceCode .sh_type { color: #666; } /* basic types */
pre.sh_sourceCode .sh_usertype { color: teal; } /* user defined types */
pre.sh_sourceCode .sh_string { color: red; font-family: monospace; } /* strings and chars */
pre.sh_sourceCode .sh_regexp { color: orange; font-family: monospace; } /* regular expressions */
pre.sh_sourceCode .sh_specialchar { color: #ffc0cb; font-family: monospace; } /* e.g., \n, \t, \\ */
pre.sh_sourceCode .sh_comment { color: #A52A2A; font-style: italic; } /* comments */
pre.sh_sourceCode .sh_number { color: purple; } /* literal numbers */
pre.sh_sourceCode .sh_preproc { color: #00008B; font-weight: bold; } /* e.g., #include, import */
pre.sh_sourceCode .sh_symbol { color: blue; } /* e.g., *, + */
pre.sh_sourceCode .sh_function { color: black; font-weight: bold; } /* function calls and declarations */
pre.sh_sourceCode .sh_cbracket { color: red; } /* block brackets (e.g., {, }) */
pre.sh_sourceCode .sh_todo { font-weight: bold; background-color: #00FFFF; } /* TODO and FIXME */
/* Predefined variables and functions (for instance glsl) */
pre.sh_sourceCode .sh_predef_var { color: #00008B; }
pre.sh_sourceCode .sh_predef_func { color: #00008B; font-weight: bold; }
/* for OOP */
pre.sh_sourceCode .sh_classname { color: teal; }
/* line numbers (not yet implemented) */
pre.sh_sourceCode .sh_linenum { display: none; }
/* Internet related */
pre.sh_sourceCode .sh_url { color: blue; text-decoration: underline; font-family: monospace; }
/* for ChangeLog and Log files */
pre.sh_sourceCode .sh_date { color: blue; font-weight: bold; }
pre.sh_sourceCode .sh_time, pre.sh_sourceCode .sh_file { color: #00008B; font-weight: bold; }
pre.sh_sourceCode .sh_ip, pre.sh_sourceCode .sh_name { color: #006400; }
/* for Prolog, Perl... */
pre.sh_sourceCode .sh_variable { color: #006400; }
/* for LaTeX */
pre.sh_sourceCode .sh_italics { color: #006400; font-style: italic; }
pre.sh_sourceCode .sh_bold { color: #006400; font-weight: bold; }
pre.sh_sourceCode .sh_underline { color: #006400; text-decoration: underline; }
pre.sh_sourceCode .sh_fixed { color: green; font-family: monospace; }
pre.sh_sourceCode .sh_argument { color: #006400; }
pre.sh_sourceCode .sh_optionalargument { color: purple; }
pre.sh_sourceCode .sh_math { color: orange; }
pre.sh_sourceCode .sh_bibtex { color: blue; }
/* for diffs */
pre.sh_sourceCode .sh_oldfile { color: orange; }
pre.sh_sourceCode .sh_newfile { color: #006400; }
pre.sh_sourceCode .sh_difflines { color: blue; }
/* for css */
pre.sh_sourceCode .sh_selector { color: purple; }
pre.sh_sourceCode .sh_property { color: blue; }
pre.sh_sourceCode .sh_value { color: #006400; font-style: italic; }
/* other */
pre.sh_sourceCode .sh_section { color: black; font-weight: bold; }
pre.sh_sourceCode .sh_paren { color: red; }
pre.sh_sourceCode .sh_attribute { color: #006400; }
</style><link href="http://www.w3.org/StyleSheets/TR/W3C-WD" rel="stylesheet" type="text/css" charset="utf-8"></head><body style="display: inherit; "><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="subtitle">A user agent developer's guide to understanding and implementing accessibility support in HTML</h2><h2 id="w3c-working-draft-25-may-2011">W3C Working Draft 25 May 2011</h2><dl><dt>This version:</dt><dd><a href="http://www.w3.org/TR/2011/WD-html-aapi-20110525/">http://www.w3.org/TR/2011/WD-html-aapi-20110525/</a></dd><dt>Latest published version:</dt><dd><a href="http://www.w3.org/TR/html-aapi/">http://www.w3.org/TR/html-aapi/</a></dd><dt>Latest editor's draft:</dt><dd><a href="http://dev.w3.org/html5/html-api-map/">http://dev.w3.org/html5/html-api-map/</a></dd><dt>Previous version:</dt><dd><a href="http://www.w3.org/TR/2011/WD-html-aapi-20110414/">http://www.w3.org/TR/2011/WD-html-aapi-20110414/</a></dd><dt>Editors:</dt><dd><span>Steve Faulkner</span>, The Paciello Group <span class="ed_mailto"><a href="mailto:sfaulkner@paciellogroup.com">sfaulkner@paciellogroup.com</a></span> </dd>
<dd><span>Cynthia Shelly</span>, Microsoft <span class="ed_mailto"><a href="mailto:cyns@microsoft.com">cyns@microsoft.com</a></span> </dd>
</dl><p class="copyright"><a href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 2011 <a href="http://www.w3.org/"><acronym title="World Wide Web Consortium">W3C</acronym></a><sup>®</sup> (<a href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute of Technology">MIT</acronym></a>, <a href="http://www.ercim.eu/"><acronym title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>, <a href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C <a href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>, <a href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a> and <a href="http://www.w3.org/Consortium/Legal/copyright-documents">document use</a> rules apply.</p><hr></div>
<div id="abstract" class="introductory section"><h2>Abstract</h2>
<p>This is draft documentation mapping HTML elements and attributes
to accessibility API Roles, States and Properties on a variety of
platforms. It provides recommendations on deriving the accessible
names and descriptions for HTML elements. It also provides
accessible feature implementation examples.</p>
</div><div id="sotd" class="introductory section"><h2>Status of This Document</h2><p><em>This section describes the status of this document at the time of its publication. Other documents may supersede this document. A list of current W3C publications and the latest revision of this technical report can be found in the <a href="http://www.w3.org/TR/">W3C technical reports index</a> at http://www.w3.org/TR/.</em></p>
<p class="warning"><strong>This document is subject to change without notice.</strong></p>
<p>This document was published by the <a href="http://www.w3.org/html/wg/">HTML Working Group</a> as a Working Draft. This document is intended to become a W3C Recommendation. If you wish to make comments regarding this document, please send them to <a href="mailto:public-html-comments@w3.org">public-html-comments@w3.org</a> (<a href="mailto:public-html-comments-request@w3.org?subject=subscribe">subscribe</a>, <a href="http://lists.w3.org/Archives/Public/public-html-comments/">archives</a>). All feedback is welcome.</p><p>Publication as a Working Draft does not imply endorsement by the W3C Membership. This is a draft document and may be updated, replaced or obsoleted by other documents at any time. It is inappropriate to cite this document as other than work in progress.</p><p>This document was produced by a group operating under the <a href="http://www.w3.org/Consortium/Patent-Policy-20040205/">5 February 2004 W3C Patent Policy</a>. W3C maintains a <a href="http://www.w3.org/2004/01/pp-impl/40318/status" rel="disclosure">public list of any patent disclosures</a> made in connection with the deliverables of the group; that page also includes instructions for disclosing a patent. An individual who has actual knowledge of a patent which the individual believes contains <a href="http://www.w3.org/Consortium/Patent-Policy-20040205/#def-essential">Essential Claim(s)</a> must disclose the information in accordance with <a href="http://www.w3.org/Consortium/Patent-Policy-20040205/#sec-Disclosure">section 6 of the W3C Patent Policy</a>.</p></div><div id="toc" class="section"><h2 class="introductory">Table of Contents</h2><ul class="toc"><li class="tocline"><a href="#intro_aapi" class="tocxref"><span class="secno">1. </span>Introduction: Accessibility <abbr title="Application Programming Interfaces">APIs</abbr></a></li><li class="tocline"><a href="#expose" class="tocxref"><span class="secno">2. </span>Exposing HTML features that do not directly map to accessibility <abbr title="application programing interface">API</abbr> properties</a></li><li class="tocline"><a href="#api-role" class="tocxref"><span class="secno">3. </span>HTML element to Accessibility API Role Mapping Matrix</a></li><li class="tocline"><a href="#api-att" class="tocxref"><span class="secno">4. </span>HTML attribute to Accessibility API State and Property Mapping Matrix </a></li><li class="tocline"><a href="#calc" class="tocxref"><span class="secno">5. </span>Accessible Name and Description calculation</a><ul class="toc"><li class="tocline"><a href="#inputs" class="tocxref"><span class="secno">5.1 </span>input type="button" , input type="submit", input type="reset" and input type="password"</a></li><li class="tocline"><a href="#input-image" class="tocxref"><span class="secno">5.2 </span>input type="image"</a></li><li class="tocline"><a href="#control-other" class="tocxref"><span class="secno">5.3 </span>Other form elements</a></li><li class="tocline"><a href="#figure-caption" class="tocxref"><span class="secno">5.4 </span>Figure and figcaption elements </a></li><li class="tocline"><a href="#img" class="tocxref"><span class="secno">5.5 </span>img element</a></li></ul></li><li class="tocline"><a href="#interactive" class="tocxref"><span class="secno">6. </span>Interactive elements</a><ul class="toc"><li class="tocline"><a href="#summary-details" class="tocxref"><span class="secno">6.1 </span><code>summary</code> and <code>details</code> elements</a></li></ul></li><li class="tocline"><a href="#accessible-description" class="tocxref"><span class="secno">7. </span>Accessible Description calculation</a></li><li class="tocline"><a href="#examples" class="tocxref"><span class="secno">8. </span>Accessible feature implementation examples:</a><ul class="toc"><li class="tocline"><a href="#examples-sum" class="tocxref"><span class="secno">8.1 </span><code>summary</code> and <code>details</code> elements</a></li></ul></li><li class="tocline"><a href="#focus-keyboard" class="tocxref"><span class="secno">9. </span>focus and keyboard interaction</a></li><li class="tocline"><a href="#rol-name-state" class="tocxref"><span class="secno">10. </span>Role, name, state and property mapping</a></li><li class="tocline"><a href="#references" class="tocxref"><span class="secno">A. </span>References</a><ul class="toc"><li class="tocline"><a href="#normative-references" class="tocxref"><span class="secno">A.1 </span>Normative references</a></li><li class="tocline"><a href="#informative-references" class="tocxref"><span class="secno">A.2 </span>Informative references</a></li></ul></li></ul></div>
<div id="intro_aapi" class="section">
<!--OddPage--><h2><span class="secno">1. </span>Introduction: Accessibility <abbr title="Application Programming Interfaces">APIs</abbr></h2>
<p>To provide access to desktop GUI applications, assistive technologies originally used heuristic techniques to determine the meaning of the user interface and built an alternative off screen model. For example, a row of labels displayed horizontally near the top of an application window might be a menu. Labels with a border drawn around them might be buttons. Heuristic techniques are not always accurate, however, and require assistive technologies to be updated whenever the software application is updated.</p>
<p>A much better technique is for the software application to provide the necessary information for interoperability with assistive technology. To meet this need, platform owners have developed specialized interfaces, called accessibility <abbr title="Application Programming Interfaces">APIs</abbr>, which can be used to communicate accessibility information about user interfaces to assistive technologies. </p>
<p>In the case of static Web pages, the Document Object Model (DOM) is used to represent the structure and state of the elements in the document being rendered by a user agent. The elements of the document are organized into a hierarchy of nodes known as the <abbr title="document object model">DOM</abbr> tree. For traditional static Web pages, assistive technologies, such as screen readers, interact with user agents using the <abbr title="Document Object Model">DOM</abbr>. For UI elements that are known to be interactive, such as HTML form elements and desktop applications, assistive technologies may use platform accessibility APIs. </p>
<p>Accessibility <abbr title="Application Programming Interfaces">APIs</abbr> covered by this document are:</p>
<ul>
<li>Microsoft Active Accessibility (MSAA)</li>
<li>IAccessible2</li>
<li>User Interface Automation (UIA)</li>
<li>Linux Accessibility Toolkit (ATK) and Assistive Technology - Service Provider Interface (AT-SPI)</li>
<li>Mac OS X Accessibility Protocol</li>
</ul>
<p>If User Agent developers need to expose to other accessibility <abbr title="Application Programming Interfaces">APIs</abbr>, it is recommended that they work closely with the developer of the platform where the <abbr title="application programing interfaces">API</abbr> runs, and assistive technology developers on that platform.</p>
</div>
<div id="expose" class="section">
<!--OddPage--><h2><span class="secno">2. </span>Exposing HTML features that do not directly map to accessibility <abbr title="application programing interface">API</abbr> properties</h2>
<p>HTML<abbr title="application programing interfaces"></abbr> may have features that are not supported by accessibility <abbr title="Application Programming Interfaces">APIs</abbr> at the time of publication. There is not a one to one relationship between all <abbr title="Accessible Rich Internet Application">features</abbr> and platform accessibility <abbr title="application programing interfaces">APIs</abbr>. When <abbr title="Accessible Rich Internet Application">HTML</abbr> roles, states and properties do not directly map to an accessibility <abbr title="application programing interface">API</abbr>, and there is a method in the <abbr title="application programing interface">API</abbr> to expose a text string, expose the undefined role, states and properties via that method.</p>
<p>IAccessible2 and <abbr title="Accessibility Toolkit">ATK</abbr> use object attributes to expose semantics that are not directly supported in the <abbr title="application programing interfaces">APIs</abbr>. Object attributes are name-value pairs that are loosely specified, and very flexible for exposing things where there is no specific interface in an accessibility <abbr title="application programing interface">API</abbr>. For example, at this time, the HTML5 <a href="http://www.w3.org/TR/html5/Overview.html#the-header-element">header</a> element can be exposed via an object attribute because accessibility <abbr title="application programing interfaces">APIs</abbr> have no such role available. <!--Specific rules for exposing object attribute name-value pairs are described throughout this document, and rules for the general cases not covered are in State and Property Mapping. --></p>
<p>For accessibility <abbr title="Application Programming Interfaces">APIs</abbr> that do not have "object attributes" per se, it is useful to find a similar mechanism or develop a new interface to expose name/value pairs. Under the Mac OS X Accessibility Protocol, all getters are already simply name-value pairs and it is possible to expose new semantics whenever necessary. Keep in mind, this also requires working with the assistive technology developers to gain support for the new semantics.</p>
<p>&nbsp;</p>
</div>
<div id="api-role" class="section">
<!--OddPage--><h2><span class="secno">3. </span>HTML element to Accessibility API Role Mapping Matrix</h2>
<p><strong>Notes:</strong> </p>
<ul>
<li>A ? in a cell indicates the data has yet to be provided.</li>
<li>A N/A (Not Applicable) means the element does not need to be exposed via an accessibility API. This is usually because the element is not displayed as part of the user interface.</li>
</ul>
<div class="mapping_table_container">
<table>
<caption>Mappings of HTML elements to platform accessibility APIs: ARIA,
MSAA, IAccessible2, UIA, ATK, and AX</caption>
<tbody>
<tr>
<th class="th1">HTML element</th>
<th><a href="http://www.w3.org/TR/html401/">HTML4</a></th>
<th><a href="http://dev.w3.org/html5/spec/spec.html">HTML5</a></th>
<th><a href="http://www.w3.org/WAI/PF/aria/">WAI-ARIA</a></th>
<th><a href="http://msdn.microsoft.com/en-us/library/dd373608(v=VS.85).aspx">MSAA Role</a></th>
<th><a href="http://accessibility.linuxfoundation.org/a11yspecs/ia2/docs/html/">IAccessible2</a></th>
<th><a href="http://msdn.microsoft.com/en-us/library/ms726297(v=VS.85).aspx">UIA</a></th>
<th><a href="http://people.gnome.org/~billh/at-spi-idl/html/index.html">AT-SPI Role</a></th>
<th><a href="http://developer.apple.com/library/mac/#documentation/Accessibility/Conceptual/AccessibilityMacOSX/OSXAXIntro/OSXAXintro.html">Mac Accessibility role AX</a></th>
</tr>
<tr>
<td><code><a href="http://dev.w3.org/html5/spec/text-level-semantics.html#the-a-element">a</a></code> element that represents a <a href="http://www.w3.org/TR/html5/Overview.html#hyperlink">hyperlink</a></td>
<td>yes</td>
<td>yes</td>
<td><code title="attr-aria-role-link">link</code> role </td>
<td>ROLE_SYSTEM_LINK. Also, apply special rule to expose STATE_LINKED to link and all its descendants.</td>
<td>ROLE_SYSTEM_LINK. Also, apply special rule to expose STATE_LINKED to link and all its descendants.</td>
<td>HyperLink</td>
<td>ROLE_LINK</td>
<td>AXLink</td>
</tr>
<tr>
<td><code><a href="http://dev.w3.org/html5/spec/text-level-semantics.html#the-abbr-element">a</a></code> element (with no href)</td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>Text</td>
<td>ROLE_TEXT</td>
<td>AXStaticText</td>
</tr>
<tr>
<td><code><a href="http://dev.w3.org/html5/spec/text-level-semantics.html#the-abbr-element">abbr</a></code> element</td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_STATICTEXT</td>
<td><em>IA2_ROLE_TEXT_FRAME</em>&nbsp;+ Object attribute role="abbr"</td>
<td>Text</td>
<td>Object attribute role="abbr"</td>
<td>AXStaticText, AXRoleDescription"abbr"</td>
</tr>
<tr>
<td><code><a href="http://www.w3.org/TR/html5/Overview.html#the-address-element">address</a></code> element</td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_GROUPING</td>
<td>Object attribute role="address"</td>
<td>?</td>
<td>Object attribute role="address"</td>
<td>AXGroup, AXRoleDescription"address"</td>
</tr>
<tr>
<td><code><a href="http://dev.w3.org/html5/spec/the-map-element.html#the-area-element">area</a></code> element that represents a <a href="http://www.w3.org/TR/html5/Overview.html#hyperlink">hyperlink</a></td>
<td>yes</td>
<td>yes</td>
<td><code title="attr-aria-role-link">link</code> role </td>
<td>ROLE_SYSTEM_LINK. Also, apply special rule to expose STATE_LINKED to link and all its descendants.</td>
<td>ROLE_SYSTEM_LINK. Also, apply special rule to expose STATE_LINKED to link and all its descendants.</td>
<td>HyperLink</td>
<td>ROLE_LINK</td>
<td>AXLink</td>
</tr>
<tr>
<td><code><a href="http://dev.w3.org/html5/spec/the-map-element.html#the-area-element">area</a></code> element that has no <code>href</code> attribute</td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_TEXT</td>
<td>ROLE_SYSTEM_TEXT</td>
<td>Text</td>
<td>ROLE_TEXT</td>
<td>AXStaticText</td>
</tr>
<tr>
<td><code><a href="http://www.w3.org/TR/html5/Overview.html#the-article-element">article</a></code> element </td>
<td>no</td>
<td>yes</td>
<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>Expose as text string "article" in AriaRole</td>
<td>ROLE_DOCUMENT_FRAME + do not expose STATE_EDITABLE</td>
<td>AXGroup, AXRoleDescription"article"</td>
</tr>
<tr>
<td><code><a href="http://www.w3.org/TR/html5/Overview.html#the-aside-element">aside</a></code> element </td>
<td>no</td>
<td>yes</td>
<td><code title="attr-aria-role-note">complementary</code> role </td>
<td>ROLE_SYSTEM_GROUPING</td>
<td>Object attribute role="complementary"</td>
<td>Expose as text string "complementary" in AriaRole</td>
<td>Object attribute role="complementary"</td>
<td>AXGroup, AXRoleDescription="complementary"</td>
</tr>
<tr>
<td><a href="http://dev.w3.org/html5/spec/video.html#audio"><code>audio</code></a> element</td>
<td>no</td>
<td>yes</td>
<td>none</td>
<td>?</td>
<td>?</td>
<td>?</td>
<td>?</td>
<td>?</td>
</tr>
<tr>
<td><code><a href="http://dev.w3.org/html5/spec/text-level-semantics.html#the-b-element">b</a></code> element</td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>Text</td>
<td>ROLE_TEXT</td>
<td>AXStaticText</td>
</tr>
<tr>
<td><a href="http://www.w3.org/TR/html5/Overview.html#the-base-element"><code>base</code></a> element</td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>N/A</td>
<td>N/A</td>
<td>N/A</td>
<td>N/A</td>
<td>N/A</td>
</tr>
<tr>
<td><code><a href="http://dev.w3.org/html5/spec/text-level-semantics.html#the-bdo-element">bdo</a></code> element</td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>text</td>
<td>ROLE_TEXT</td>
<td>AXStaticText</td>
</tr>
<tr>
<td><code><a href="http://dev.w3.org/html5/spec/grouping-content.html#the-blockquote-element">blockquote</a></code> element</td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_GROUPING</td>
<td>?</td>
<td>?</td>
<td>?</td>
<td>?</td>
</tr>
<tr>
<td><a href="http://www.w3.org/TR/html5/Overview.html#the-body-element-0"><code>body</code></a> element </td>
<td>yes</td>
<td>yes</td>
<td><code title="attr-aria-role-document">document</code> role </td>
<td>ROLE_SYSTEM_DOCUMENT + STATE_SYSTEM_READONLY</td>
<td>ROLE_SYSTEM_DOCUMENT + STATE_SYSTEM_READONLY</td>
<td>Document</td>
<td>ROLE_DOCUMENT_FRAME + STATE_READONLY</td>
<td>AXGroup, AXRoleDescription="document"</td>
</tr>
<tr>
<td><code><a href="http://dev.w3.org/html5/spec/text-level-semantics.html#the-br-element">br</a></code> element</td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_ WHITESPACE</td>
<td>ROLE_SYSTEM_ WHITESPACE</td>
<td>?</td>
<td>?</td>
<td>?</td>
</tr>
<tr>
<td><code><a href="http://www.w3.org/TR/html5/Overview.html#the-button-element">button</a></code> element </td>
<td>yes</td>
<td>yes</td>
<td><code title="attr-aria-role-button">button</code> role </td>
<td>ROLE_SYSTEM_PUSHBUTTON. </td>
<td>ROLE_SYSTEM_PUSHBUTTON. </td>
<td>Button</td>
<td>ROLE_PUSH_BUTTON</td>
<td>AXButton</td>
</tr>
<tr>
<td><code><a href="http://dev.w3.org/html5/spec/the-canvas-element.html#the-canvas-element">canvas</a></code> element</td>
<td>no</td>
<td>yes</td>
<td>none</td>
<td>?</td>
<td>?</td>
<td>?</td>
<td>ROLE_GRAPHIC + STATE_ANIMATED.</td>
<td>?</td>
</tr>
<tr>
<td><code><a href="http://dev.w3.org/html5/spec/tabular-data.html#the-caption-element">caption</a></code> element</td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>IA2_ROLE_CAPTION</td>
<td>text</td>
<td>ROLE_CAPTION</td>
<td><p>AXStaticText<br>
AXRoleDescription="caption"</p></td>
</tr>
<tr>
<td><code><a href="http://dev.w3.org/html5/spec/text-level-semantics.html#the-cite-element">cite</a></code> element</td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>text</td>
<td>ROLE_TEXT</td>
<td>AXStaticText</td>
</tr>
<tr>
<td><code><a href="http://dev.w3.org/html5/spec/text-level-semantics.html#the-code-element">code</a></code> element</td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>text</td>
<td>ROLE_TEXT</td>
<td>AXStaticText</td>
</tr>
<tr>
<td><code><a href="http://dev.w3.org/html5/spec/tabular-data.html#the-col-element">col</a></code></td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_GROUPING</td>
<td>ROLE_SYSTEM_GROUPING?</td>
<td>?</td>
<td>?</td>
<td>?</td>
</tr>
<tr>
<td><code><a href="http://dev.w3.org/html5/spec/tabular-data.html#the-colgroup-element">colgroup</a></code> element</td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_GROUPING</td>
<td>ROLE_SYSTEM_GROUPING?</td>
<td>?</td>
<td>?</td>
<td>?</td>
</tr>
<tr>
<td><a href="http://dev.w3.org/html5/spec/interactive-elements.html#the-command"><code>command</code></a> element</td>
<td>no</td>
<td>yes</td>
<td><code>menuitem </code>role </td>
<td>ROLE_SYSTEM_MENUITEM</td>
<td>ROLE_SYSTEM_MENUITEM</td>
<td>MenuItem</td>
<td>ROLE_MENU_ITEM
<p>&nbsp;</p></td>
<td><p>AXMenuItem</p></td>
</tr>
<tr>
<td><code><a href="http://www.w3.org/TR/html5/Overview.html#the-datalist-element">datalist</a></code> element </td>
<td>no</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 "false" </td>
<td>ROLE_SYSTEM_COMBOBOX + STATE_SYSTEM_HASPOPUP.</td>
<td>ROLE_SYSTEM_COMBOBOX + STATE_SYSTEM_HASPOPUP.</td>
<td>Combobox</td>
<td>ROLE_COMBO_BOX + STATE_EXPANDABLE </td>
<td>AXComboBox</td>
</tr>
<tr>
<td><code><a href="http://dev.w3.org/html5/spec/grouping-content.html#the-dd-element">dd</a></code> element</td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td><em>IA2_ROLE_PARAGRAPH</em></td>
<td>?</td>
<td>?</td>
<td>?</td>
</tr>
<tr>
<td><code><a href="http://dev.w3.org/html5/spec/edits.html#the-del-element">del</a></code> element</td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>?</td>
<td>ROLE_TEXT</td>
<td>AXStaticText</td>
</tr>
<tr>
<td><a href="http://dev.w3.org/html5/spec/interactive-elements.html#the-details-element"><code>details</code></a> element</td>
<td>no</td>
<td>yes</td>
<td><code>none</code></td>
<td>ROLE_SYSTEM_GROUPING</td>
<td>ROLE_SYSTEM_GROUPING</td>
<td>Group</td>
<td>ROLE_PANEL</td>
<td>AXGroup</td>
</tr>
<tr>
<td><code><a href="http://dev.w3.org/html5/spec/text-level-semantics.html#the-dfn-element">dfn</a></code> element</td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>?</td>
<td>ROLE_TEXT</td>
<td>AXStaticText</td>
</tr>
<tr>
<td><code><a href="http://dev.w3.org/html5/spec/grouping-content.html#the-dl-element">dl</a></code> element</td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td><em>IA2_ROLE_PARAGRAPH</em></td>
<td>?</td>
<td>?</td>
<td>?</td>
</tr>
<tr>
<td><code><a href="http://dev.w3.org/html5/spec/grouping-content.html#the-dt-element">dt</a></code> element</td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td><em>IA2_ROLE_PARAGRAPH</em></td>
<td>?</td>
<td>?</td>
<td>?</td>
</tr>
<tr>
<td><code><a href="http://www.w3.org/TR/html5/grouping-content.html#the-div-element">div</a></code> element</td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_GROUPING</td>
<td><em>IA2_ROLE_SECTION</em></td>
<td>?</td>
<td>?</td>
<td>?</td>
</tr>
<tr>
<td><code><a href="http://dev.w3.org/html5/spec/text-level-semantics.html#the-em-element">em</a></code> element</td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>?</td>
<td>ROLE_TEXT</td>
<td>AXStaticText</td>
</tr>
<tr>
<td><a href="http://dev.w3.org/html5/spec/the-iframe-element.html#the-embed-element"><code>embed element</code></a></td>
<td>no</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_CLIENT</td>
<td>ROLE_SYSTEM_CLIENT</td>
<td>?</td>
<td>ROLE_EMBEDDED</td>
<td>?</td>
</tr>
<tr>
<td><code><a href="http://www.w3.org/TR/html5/Overview.html#the-fieldset-element">fieldset</a></code> element</td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_GROUPING</td>
<td>ROLE_SYSTEM_GROUPING</td>
<td>Group</td>
<td><p>ROLE_PANEL<br>
Object attribute role="fieldset" </p></td>
<td>AXGroup, AXRoleDescription="fieldset"</td>
</tr>
<tr>
<td><code><a href="http://dev.w3.org/html5/spec/grouping-content.html#the-figcaption-element">figcaption</a></code> element</td>
<td>no</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>IA2_ROLE_CAPTION</td>
<td>&nbsp;</td>
<td>ROLE_CAPTION</td>
<td>AXRoleDescription="figcaption"</td>
</tr>
<tr>
<td><code><a href="http://dev.w3.org/html5/spec/grouping-content.html#the-figure-element">figure</a></code> element</td>
<td>no</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_GROUPING</td>
<td>?</td>
<td>?</td>
<td>?</td>
<td>AXGroup, AXRoleDescription="figure"</td>
</tr>
<tr>
<td><code><a href="http://www.w3.org/TR/html5/Overview.html#the-footer-element">footer</a></code> element </td>
<td>no</td>
<td>yes</td>
<td>none </td>
<td>ROLE_SYSTEM_GROUPING</td>
<td>Object attribute role="footer"</td>
<td>Expose as text string "footer" in UIAutomationType_String</td>
<td>Object attribute role="footer"</td>
<td>AXGroup, AXRoleDescription="footer"</td>
</tr>
<tr>
<td><code>form</code> element</td>
<td>yes</td>
<td>yes</td>
<td><code>form </code>role</td>
<td>ROLE_SYSTEM_GROUPING</td>
<td>IA2_ROLE_FORM&nbsp;</td>
<td>Group</td>
<td>ROLE_PANEL</td>
<td><p>AXGroup<br>
AXRoleDescription="form"</p></td>
</tr>
<tr>
<td><code>frame</code> element</td>
<td>yes</td>
<td>no</td>
<td>&nbsp;</td>
<td>ROLE_SYSTEM_DOCUMENT + STATE_SYSTEM_READONLY</td>
<td>ROLE_SYSTEM_DOCUMENT + STATE_SYSTEM_READONLY</td>
<td>Document</td>
<td>ROLE_DOCUMENT_FRAME + STATE_READONLY</td>
<td>AXGroup, AXRoleDescription="document"</td>
</tr>
<tr>
<td><code>frameset</code> element</td>
<td>yes</td>
<td>no</td>
<td>&nbsp;</td>
<td>?</td>
<td>?</td>
<td>?</td>
<td>?</td>
<td>?</td>
</tr>
<tr>
<td><a href="http://www.w3.org/TR/html5/Overview.html#the-head-element-0"><code>head</code></a> element</td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>N/A</td>
<td>N/A</td>
<td>N/A</td>
<td>N/A</td>
<td>N/A</td>
</tr>
<tr>
<td><code><a href="http://www.w3.org/TR/html5/Overview.html#the-header-element">header</a></code> element </td>
<td>no</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_GROUPING</td>
<td>Object attribute role="header"</td>
<td>Expose as text string "header" in UIAutomationType_String</td>
<td>Object attribute role="header"</td>
<td>AXGroup, AXRoleDescription="header"</td>
</tr>
<tr>
<td><code><a href="http://www.w3.org/TR/html5/Overview.html#the-hgroup-element">hgroup</a></code> element </td>
<td>no</td>
<td>yes</td>
<td><code>none</code></td>
<td>ROLE_SYSTEM_GROUPING</td>
<td>ROLE_SYSTEM_GROUPING</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>AXGroup, AXRoleDescription="hgroup"</td>
</tr>
<tr>
<td><code>h1</code> to <code>h6</code> element that does have an <code><a href="http://www.w3.org/TR/html5/Overview.html#the-hgroup-element">hgroup</a></code> ancestor </td>
<td>no</td>
<td>yes</td>
<td><code>none</code></td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>Text</td>
<td>ROLE_TEXT</td>
<td>AXStaticText</td>
</tr>
<tr>
<td><code>h1</code> to <code>h6</code> element that does not have an <code><a href="http://www.w3.org/TR/html5/Overview.html#the-hgroup-element">hgroup</a></code> ancestor </td>
<td>yes</td>
<td>yes</td>
<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="http://www.w3.org/TR/html5/Overview.html#outline-depth">outline depth</a></td>
<td>ROLE_SYSTEM_TEXT or use xml-roles</td>
<td>IA2_ROLE_HEADING Use the <a href="http://accessibility.linuxfoundation.org/a11yspecs/ia2/docs/html/interface_i_accessible2.html#0d51b0c189a000ee3b6ddf7f68da2009" title="Returns the attributes specific to this IAccessible2 object, such as a cell's...">IAccessible2::attributes</a> heading-level attribute to determine the heading level. </td>
<td>Text</td>
<td>ROLE_HEADING</td>
<td>AXHeading</td>
</tr>
<tr>
<td><code><a href="http://www.w3.org/TR/html5/grouping-content.html#the-hr-element">hr</a></code> element </td>
<td>yes</td>
<td>yes</td>
<td><code title="attr-aria-role-separator">separator</code> role </td>
<td>ROLE_SYSTEM_SEPARATOR</td>
<td>ROLE_SYSTEM_SEPARATOR</td>
<td>Separator</td>
<td>ROLE_SEPARATOR</td>
<td>AXSplitter</td>
</tr>
<tr>
<td><a href="http://www.w3.org/TR/html5/Overview.html#the-html-element-0"><code>HTML</code></a> element</td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>N/A</td>
<td>N/A</td>
<td>N/A</td>
<td>N/A</td>
<td>N/A</td>
</tr>
<tr>
<td><code><a href="http://dev.w3.org/html5/spec/text-level-semantics.html#the-i-element">i</a></code> element</td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>?</td>
<td>ROLE_TEXT</td>
<td>AXStaticText</td>
</tr>
<tr>
<td><code><a href="http://dev.w3.org/html5/spec/the-iframe-element.html#the-iframe-element">iframe</a></code> element</td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_DOCUMENT + STATE_SYSTEM_READONLY</td>
<td>ROLE_SYSTEM_DOCUMENT + STATE_SYSTEM_READONLY</td>
<td>Document</td>
<td>ROLE_DOCUMENT_FRAME + STATE_READONLY</td>
<td>AXGroup, AXRoleDescription="document"</td>
</tr>
<tr>
<td><code><a href="http://dev.w3.org/html5/spec/embedded-content-1.html#the-img-element">img</a></code> element</td>
<td>yes</td>
<td>yes</td>
<td><code>img</code> role</td>
<td>ROLE_SYSTEM_GRAPHIC</td>
<td>ROLE_SYSTEM_GRAPHIC</td>
<td>Image</td>
<td>ROLE_IMAGE</td>
<td>AXImage</td>
</tr>
<tr>
<td><code><a href="http://www.w3.org/TR/html5/Overview.html#the-img-element">img</a></code> element whose <code title="attr-img-alt"><a href="http://www.w3.org/TR/html5/Overview.html#attr-img-alt">alt</a></code> attribute's value is empty </td>
<td>yes</td>
<td>yes</td>
<td><code title="attr-aria-role-presentation">presentation</code> role </td>
<td><p>Do not expose this object </p></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>
<tr>
<td><code><a href="http://www.w3.org/TR/html5/Overview.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="http://www.w3.org/TR/html5/Overview.html#attr-input-type">type</a></code> attribute in the <a href="http://dev.w3.org/html5/spec/number-state.html#button-state" title="attr-input-type-button">Button</a> state </td>
<td>yes</td>
<td>yes</td>
<td><code title="attr-aria-role-button">button</code> role </td>
<td>ROLE_SYSTEM_PUSHBUTTON</td>
<td>ROLE_SYSTEM_PUSHBUTTON</td>
<td>Button</td>
<td>ROLE_PUSH_BUTTON</td>
<td>AXButton</td>
</tr>
<tr>
<td>input element with a type attribute in the Color state</td>
<td>no</td>
<td>yes</td>
<td><code title="attr-aria-role-checkbox">checkbox</code> role, with the <code title="attr-aria-checked">aria-checked</code> state set to "mixed" if the element's <code title="dom-input-indeterminate"><a href="http://www.w3.org/TR/html5/Overview.html#dom-input-indeterminate">indeterminate</a></code> IDL attribute is true, or "true" if the element's <a href="http://dev.w3.org/html5/spec/association-of-controls-and-forms.html#concept-fe-checked" title="concept-fe-checked">checkedness</a> is true, or "false" otherwise </td>
<td>NONE</td>
<td><em>IA2_ROLE_COLOR_CHOOSER</em>&nbsp;</td>
<td>NONE</td>
<td>ROLE_COLOR_CHOOSER</td>
<td>AXColorWell</td>
</tr>
<tr>
<td><code><a href="http://www.w3.org/TR/html5/Overview.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="http://www.w3.org/TR/html5/Overview.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>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_CHECKBUTTON</td>
<td>Object attribute checkable="true"</td>
<td>Checkbox</td>
<td>ROLE_CHECK_BOX + STATE_CHECKED</td>
<td>AXCheckBox</td>
</tr>
<tr>
<td><code><a href="http://www.w3.org/TR/html5/Overview.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="http://www.w3.org/TR/html5/Overview.html#attr-input-type">type</a></code> attribute in the <a href="http://www.w3.org/TR/html5/Overview.html#date-state" title="attr-input-type-date">Date</a> state </td>
<td>no</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_DROPLIST</td>
<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>AXDateField</td>
</tr>
<tr>
<td><code><a href="http://www.w3.org/TR/html5/Overview.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="http://www.w3.org/TR/html5/Overview.html#attr-input-type">type</a></code> attribute in the <a href="http://www.w3.org/TR/html5/Overview.html#date-and-time-state" title="attr-input-type-datetime">Date and Time</a> state </td>
<td>no</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_DROPLIST</td>
<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>AXDateField</td>
</tr>
<tr>
<td><code><a href="http://www.w3.org/TR/html5/Overview.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="http://www.w3.org/TR/html5/Overview.html#attr-input-type">type</a></code> attribute in the <a href="http://www.w3.org/TR/html5/Overview.html#local-date-and-time-state" title="attr-input-type-datetime-local">Local Date and Time</a> state </td>
<td>no</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_DROPLIST</td>
<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>AXDateField</td>
</tr>
<tr>
<td><code><a href="http://www.w3.org/TR/html5/Overview.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="http://www.w3.org/TR/html5/Overview.html#attr-input-type">type</a></code> attribute in the <a href="http://www.w3.org/TR/html5/Overview.html#e-mail-state" title="attr-input-type-email">E-mail</a> state with no <a href="http://www.w3.org/TR/html5/Overview.html#concept-input-list" title="concept-input-list">suggestions source element</a></td>
<td>no</td>
<td>yes</td>
<td><code title="attr-aria-role-textbox">textbox</code> role</td>
<td>ROLE_SYSTEM_TEXT</td>
<td>IA2_STATE_SINGLE_LINE </td>
<td>Edit</td>
<td>ROLE_ENTRY + STATE_SINGLE_LINE </td>
<td>AXTextArea</td>
</tr>
<tr>
<td><code><a href="http://www.w3.org/TR/html5/Overview.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="http://www.w3.org/TR/html5/Overview.html#attr-input-type">type</a></code> attribute in the <a href="http://www.w3.org/TR/html5/Overview.html#file-upload-state" title="attr-input-type-file">File Upload</a> state </td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_PUSHBUTTON. </td>
<td><em>IA2_ROLE_FILE_CHOOSER</em>&nbsp;</td>
<td>Button</td>
<td>ROLE_PUSH_BUTTON + ROLE_FILE_CHOOSER</td>
<td>AXButton</td>
</tr>
<tr>
<td><code><a href="http://www.w3.org/TR/html5/Overview.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="http://www.w3.org/TR/html5/Overview.html#attr-input-type">type</a></code> attribute in the <a href="http://www.w3.org/TR/html5/Overview.html#hidden-state" title="attr-input-type-hidden">Hidden</a> state </td>
<td>yes</td>
<td>yes</td>
<td>none </td>
<td><p>Do not expose this object </p></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>
<tr>
<td><code><a href="http://www.w3.org/TR/html5/Overview.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="http://www.w3.org/TR/html5/Overview.html#attr-input-type">type</a></code> attribute in the <a href="http://www.w3.org/TR/html5/Overview.html#image-button-state" title="attr-input-type-image">Image Button</a> state </td>
<td>yes</td>
<td>yes</td>
<td><code title="attr-aria-role-button">button</code> role </td>
<td>ROLE_SYSTEM_PUSHBUTTON. </td>
<td>ROLE_SYSTEM_PUSHBUTTON. </td>
<td>Button</td>
<td>ROLE_PUSH_BUTTON</td>
<td>AXButton</td>
</tr>
<tr>
<td><code><a href="http://www.w3.org/TR/html5/Overview.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="http://www.w3.org/TR/html5/Overview.html#attr-input-type">type</a></code> attribute in the <a href="http://www.w3.org/TR/html5/Overview.html#month-state" title="attr-input-type-month">Month</a> state </td>
<td>no</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_DROPLIST</td>
<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>AXDateField</td>
</tr>
<tr>
<td><code><a href="http://www.w3.org/TR/html5/Overview.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="http://www.w3.org/TR/html5/Overview.html#attr-input-type">type</a></code> attribute in the <a href="http://www.w3.org/TR/html5/Overview.html#number-state" title="attr-input-type-number">Number</a> state </td>
<td>no</td>
<td>yes</td>
<td><code title="attr-aria-role-spinbutton">spinbutton</code> role</td>
<td>ROLE_SYSTEM_SPINBUTTON</td>
<td>ROLE_SYSTEM_SPINBUTTON</td>
<td>Spinner</td>
<td>ROLE_SPIN_BUTTON</td>
<td>AXIncrementor</td>
</tr>
<tr>
<td><code><a href="http://www.w3.org/TR/html5/Overview.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="http://www.w3.org/TR/html5/Overview.html#attr-input-type">type</a></code> attribute in the <a href="http://www.w3.org/TR/html5/Overview.html#password-state" title="attr-input-type-password">Password</a> state </td>
<td>yes</td>
<td>yes</td>
<td><code title="attr-aria-role-textbox">textbox</code> role</td>
<td>ROLE_SYSTEM_TEXT</td>
<td>IA2_STATE_SINGLE_LINE </td>
<td>Edit</td>
<td>ROLE_ENTRY + STATE_SINGLE_LINE </td>
<td><p>AXTextArea</p>
AXSubrole: AXSecureTextField</td>
</tr>
<tr>
<td><code><a href="http://www.w3.org/TR/html5/Overview.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="http://www.w3.org/TR/html5/Overview.html#attr-input-type">type</a></code> attribute in the <a href="http://www.w3.org/TR/html5/Overview.html#radio-button-state" title="attr-input-type-radio">Radio Button</a> state </td>
<td>yes</td>
<td>yes</td>
<td><code title="attr-aria-role-radio">radio</code> role, with the <code title="attr-aria-checked">aria-checked</code> state set to "true" if the element's <a href="http://www.w3.org/TR/html5/Overview.html#concept-fe-checked" title="concept-fe-checked">checkedness</a> is true, or "false" otherwise </td>
<td>ROLE_SYSTEM_RADIOBUTTON</td>
<td>ROLE_SYSTEM_RADIOBUTTON</td>
<td>RadioButton</td>
<td>ROLE_RADIO_BUTTON</td>
<td>AXRadioButton</td>
</tr>
<tr>
<td><code><a href="http://www.w3.org/TR/html5/Overview.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="http://www.w3.org/TR/html5/Overview.html#attr-input-type">type</a></code> attribute in the <a href="http://www.w3.org/TR/html5/Overview.html#range-state" title="attr-input-type-range">Range</a> state </td>
<td>no</td>
<td>yes</td>
<td><code title="attr-aria-role-slider">slider</code> role</td>
<td>ROLE_SYSTEM_SLIDER</td>
<td>ROLE_SYSTEM_SLIDER</td>
<td>Slider</td>
<td>ROLE_SLIDER</td>
<td>AXSlider</td>
</tr>
<tr>
<td><code><a href="http://www.w3.org/TR/html5/Overview.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="http://www.w3.org/TR/html5/Overview.html#attr-input-type">type</a></code> attribute in the <a href="http://www.w3.org/TR/html5/Overview.html#reset-button-state" title="attr-input-type-reset">Reset Button</a> state </td>
<td>yes</td>
<td>yes</td>
<td><code title="attr-aria-role-button">button</code> role </td>
<td>ROLE_SYSTEM_PUSHBUTTON</td>
<td>ROLE_SYSTEM_PUSHBUTTON</td>
<td>Button</td>
<td>ROLE_PUSH_BUTTON</td>
<td>AXButton</td>
</tr>
<tr>
<td><code><a href="http://www.w3.org/TR/html5/Overview.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="http://www.w3.org/TR/html5/Overview.html#attr-input-type">type</a></code> attribute in the <a href="http://www.w3.org/TR/html5/Overview.html#text-state-and-search-state" title="attr-input-type-search">Search</a> state with no <a href="http://www.w3.org/TR/html5/Overview.html#concept-input-list" title="concept-input-list">suggestions source element</a></td>
<td>no</td>
<td>yes</td>
<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>ROLE_ENTRY + STATE_SINGLE_LINE </td>
<td><p>AXTextArea</p>
AXSubRole:AXSearchField
<p>&nbsp;</p></td>
</tr>
<tr>
<td><code><a href="http://www.w3.org/TR/html5/Overview.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="http://www.w3.org/TR/html5/Overview.html#attr-input-type">type</a></code> attribute in the <a href="http://www.w3.org/TR/html5/Overview.html#submit-button-state" title="attr-input-type-submit">Submit Button</a> state </td>
<td>yes</td>
<td>yes</td>
<td><code title="attr-aria-role-button">button</code> role </td>
<td>ROLE_SYSTEM_PUSHBUTTON</td>
<td>ROLE_SYSTEM_PUSHBUTTON</td>
<td>Button</td>
<td>ROLE_PUSH_BUTTON</td>
<td>AXButton</td>
</tr>
<tr>
<td><code><a href="http://www.w3.org/TR/html5/Overview.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="http://www.w3.org/TR/html5/Overview.html#attr-input-type">type</a></code> attribute in the <a href="http://www.w3.org/TR/html5/Overview.html#telephone-state" title="attr-input-type-tel">Telephone</a> state with no <a href="http://www.w3.org/TR/html5/Overview.html#concept-input-list" title="concept-input-list">suggestions source element</a></td>
<td>no</td>
<td>yes</td>
<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>ROLE_ENTRY + STATE_SINGLE_LINE </td>
<td>AXTextArea</td>
</tr>
<tr>
<td><code><a href="http://www.w3.org/TR/html5/Overview.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="http://www.w3.org/TR/html5/Overview.html#attr-input-type">type</a></code> attribute in the <a href="http://www.w3.org/TR/html5/Overview.html#text-state-and-search-state" title="attr-input-type-text">Text</a> state with no <a href="http://www.w3.org/TR/html5/Overview.html#concept-input-list" title="concept-input-list">suggestions source element</a></td>
<td>yes</td>
<td>yes</td>
<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>ROLE_ENTRY + STATE_SINGLE_LINE </td>
<td>AXTextArea</td>
</tr>
<tr>
<td><code><a href="http://www.w3.org/TR/html5/Overview.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="http://www.w3.org/TR/html5/Overview.html#attr-input-type">type</a></code> attribute in the <a href="http://www.w3.org/TR/html5/Overview.html#text-state-and-search-state" title="attr-input-type-text">Text</a>, <a href="http://www.w3.org/TR/html5/Overview.html#text-state-and-search-state" title="attr-input-type-search">Search</a>, <a href="http://www.w3.org/TR/html5/Overview.html#telephone-state" title="attr-input-type-tel">Telephone</a>, <a href="http://www.w3.org/TR/html5/Overview.html#url-state" title="attr-input-type-url">URL</a>, or <a href="http://www.w3.org/TR/html5/Overview.html#e-mail-state" title="attr-input-type-email">E-mail</a> states with a <a href="http://www.w3.org/TR/html5/Overview.html#concept-input-list" title="concept-input-list">suggestions source element</a></td>
<td>no</td>
<td>yes</td>
<td><code title="attr-aria-role-combobox">combobox</code> role, with the <code title="attr-aria-owns">aria-owns</code> property set to the same value as the <code title="attr-input-list"><a href="http://dev.w3.org/html5/spec/common-input-element-attributes.html#attr-input-list">list</a></code> attribute</td>
<td>ROLE_SYSTEM_COMBOBOX + STATE_SYSTEM_HASPOPUP</td>
<td>ROLE_SYSTEM_COMBOBOX + STATE_SYSTEM_HASPOPUP</td>
<td>Combobox</td>
<td>ROLE_COMBO_BOX + STATE_EXPANDABLE + object attribute haspopup="true"</td>
<td>AXComboBox</td>
</tr>
<tr>
<td><code><a href="http://www.w3.org/TR/html5/Overview.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="http://www.w3.org/TR/html5/Overview.html#attr-input-type">type</a></code> attribute in the <a href="http://www.w3.org/TR/html5/Overview.html#time-state" title="attr-input-type-time">Time</a> state </td>
<td>no</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_SPINBUTTON</td>
<td>ROLE_SYSTEM_SPINBUTTON</td>
<td>Spinner</td>
<td>ROLE_SPIN_BUTTON</td>
<td>AXTimeField</td>
</tr>
<tr>
<td><code><a href="http://www.w3.org/TR/html5/Overview.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="http://www.w3.org/TR/html5/Overview.html#attr-input-type">type</a></code> attribute in the <a href="http://www.w3.org/TR/html5/Overview.html#url-state" title="attr-input-type-url">URL</a> state with no <a href="http://www.w3.org/TR/html5/Overview.html#concept-input-list" title="concept-input-list">suggestions source element</a></td>
<td>no</td>
<td>yes</td>
<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>ROLE_ENTRY + STATE_SINGLE_LINE </td>
<td>AXTextArea</td>
</tr>
<tr>
<td><code><a href="http://www.w3.org/TR/html5/Overview.html#the-input-element">input</a></code> element with a <code title="attr-input-type"><a href="http://www.w3.org/TR/html5/Overview.html#attr-input-type">type</a></code> attribute in the <a href="http://www.w3.org/TR/html5/Overview.html#week-state" title="attr-input-type-week">Week</a> state </td>
<td>no</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_DROPLIST</td>
<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>AXDateField</td>
</tr>
<tr>
<td><code><a href="http://dev.w3.org/html5/spec/edits.html#the-ins-element">ins</a></code> element</td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>?</td>
<td>ROLE_TEXT</td>
<td>AXStaticText</td>
</tr>
<tr>
<td><code><a href="http://dev.w3.org/html5/spec/text-level-semantics.html#the-kbd-element">kbd</a></code> element</td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>?</td>
<td>ROLE_TEXT</td>
<td>AXStaticText</td>
</tr>
<tr>
<td><a href="http://dev.w3.org/html5/spec/the-button-element.html#the-keygen-element"><code>keygen</code></a> element</td>
<td>no</td>
<td>yes</td>
<td>none</td>
<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>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_TEXT</td>
<td>IA2_ROLE_LABEL</td>
<td>?</td>
<td>ROLE_LABEL</td>
<td>AXStaticText</td>
</tr>
<tr>
<td><code><a 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://www.w3.org/TR/html5/grouping-content.html#the-ol-element">ol</a></code> or <code><a href="http://www.w3.org/TR/html5/grouping-content.html#the-ul-element">ul</a></code> element </td>
<td>yes</td>
<td>yes</td>
<td><code title="attr-aria-role-listitem">listitem</code> role </td>
<td>ROLE_SYSTEM_LISTITEM + STATE_SYSTEM_READONLY</td>
<td>ROLE_SYSTEM_LISTITEM + STATE_SYSTEM_READONLY</td>
<td>ListItem</td>
<td>ROLE_LISTITEM + do not expose STATE_EDITABLE</td>
<td>AXGroup</td>
</tr>
<tr>
<td><code><a href="http://www.w3.org/TR/html5/grouping-content.html#the-li-element">li</a></code> element whose parent is a <code><a href="http://dev.w3.org/html5/spec/interactive-elements.html#menus">menu</a></code><code><a href="http://www.w3.org/TR/html5/grouping-content.html#the-ul-element"></a></code> element </td>
<td>no</td>
<td>yes</td>
<td><code title="attr-aria-role-listitem">listitem</code> role </td>
<td>ROLE_SYSTEM_LISTITEM + STATE_SYSTEM_READONLY</td>
<td>ROLE_SYSTEM_LISTITEM + STATE_SYSTEM_READONLY</td>
<td>ListItem</td>
<td>ROLE_LISTITEM + do not expose STATE_EDITABLE</td>
<td>AXMenuItemRole</td>
</tr>
<tr>
<td><a href="http://www.w3.org/TR/html5/Overview.html#the-link-element"><code>link</code></a> element</td>
<td>yes</td>
<td>yes</td>
<td><code>link</code> role</td>
<td>ROLE_SYSTEM_LINK. Also, apply special rule to expose STATE_LINKED to link and all its descendants.</td>
<td>ROLE_SYSTEM_LINK. Also, apply special rule to expose STATE_LINKED to link and all its descendants.</td>
<td>HyperLink</td>
<td>ROLE_LINK</td>
<td>AXLink</td>
</tr>
<tr>
<td><a href="http://dev.w3.org/html5/spec/the-map-element.html#the-map-element"><code>map</code></a> element</td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>N/A</td>
<td>N/A</td>
<td>N/A</td>
<td>N/A</td>
<td>N/A</td>
</tr>
<tr>
<td><code><a href="http://dev.w3.org/html5/spec/text-level-semantics.html#the-mark-element">mark</a></code></td>
<td>no</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>Text</td>
<td>ROLE_TEXT</td>
<td>AXStaticText</td>
</tr>
<tr>
<td><code><a href="http://www.w3.org/TR/html5/Overview.html#menus">menu</a></code> element with a <code title="attr-menu-type"><a href="http://www.w3.org/TR/html5/Overview.html#attr-menu-type">type</a></code> attribute in the <a href="http://www.w3.org/TR/html5/Overview.html#context-menu-state" title="context menu state">context menu</a> state </td>
<td>no</td>
<td>yes</td>
<td>no role </td>
<td>ROLE_SYSTEM_MENUPOPUP</td>
<td>see msaa</td>
<td>Menu</td>
<td>ROLE_MENU. These objects <em class="rfc2119" title="should not">should not</em> be exposed for a
submenu if there is a parent menu item spawning the submenu</td>
<td>AXMenu</td>
</tr>
<tr>
<td><code><a href="http://www.w3.org/TR/html5/Overview.html#menus">menu</a></code> element with a <code title="attr-menu-type"><a href="http://www.w3.org/TR/html5/Overview.html#attr-menu-type">type</a></code> attribute in the <a href="http://www.w3.org/TR/html5/Overview.html#list-state" title="list state">list</a> state </td>
<td>no</td>
<td>yes</td>
<td><code title="attr-aria-role-menu">menu</code> role </td>
<td>ROLE_SYSTEM_MENUPOPUP</td>
<td>see msaa</td>
<td>Menu</td>
<td>ROLE_MENU. These objects <em class="rfc2119" title="should not">should not</em> be exposed for a
submenu if there is a parent menu item spawning the submenu</td>
<td>AXMenu</td>
</tr>
<tr>
<td><code><a href="http://www.w3.org/TR/html5/Overview.html#menus">menu</a></code> element with a <code title="attr-menu-type"><a href="http://www.w3.org/TR/html5/Overview.html#attr-menu-type">type</a></code> attribute in the <a href="http://www.w3.org/TR/html5/Overview.html#toolbar-state" title="toolbar state">toolbar</a> state </td>
<td>no</td>
<td>yes</td>
<td><code title="attr-aria-role-toolbar">toolbar</code> role </td>
<td>ROLE_SYSTEM_TOOLBAR</td>
<td>ROLE_SYSTEM_TOOLBAR</td>
<td>ToolBar</td>
<td>ROLE_TOOL_BAR</td>
<td>AXToolbar</td>
</tr>
<tr>
<td>An element that <a href="http://www.w3.org/TR/html5/Overview.html#concept-command" title="concept-command">defines a command</a>, whose <a href="http://www.w3.org/TR/html5/Overview.html#command-facet-type" title="command-facet-type">Type</a> facet is "checkbox", and that is a descendant of a <code><a href="http://www.w3.org/TR/html5/Overview.html#menus">menu</a></code> element whose <code title="attr-menu-type"><a href="http://www.w3.org/TR/html5/Overview.html#attr-menu-type">type</a></code> attribute in the <a href="http://www.w3.org/TR/html5/Overview.html#list-state" title="list state">list</a> state </td>
<td>no</td>
<td>yes</td>
<td><code title="attr-aria-role-menuitemcheckbox">menuitemcheckbox</code> role, with the <code title="attr-aria-checked">aria-checked</code> state set to "true" if the command's <a href="http://www.w3.org/TR/html5/Overview.html#command-facet-checkedstate" title="command-facet-checkedstate">Checked State</a> facet is true, and "false" otherwise </td>
<td>ROLE_SYSTEM_CHECKBUTTON or ROLE_SYSTEM_MENUITEM</td>
<td>IA2_ROLE_CHECK_MENU_ITEM + object attribute checkable="true"</td>
<td>Checkbox</td>
<td>ROLE_CHECK_MENU_ITEM + object attribute checkable="true"</td>
<td>AXMenuItemRole</td>
</tr>
<tr>
<td>An element that <a href="http://www.w3.org/TR/html5/Overview.html#concept-command" title="concept-command">defines a command</a>, whose <a href="http://www.w3.org/TR/html5/Overview.html#command-facet-type" title="command-facet-type">Type</a> facet is "command", and that is a descendant of a <code><a href="http://www.w3.org/TR/html5/Overview.html#menus">menu</a></code> element whose <code title="attr-menu-type"><a href="http://www.w3.org/TR/html5/Overview.html#attr-menu-type">type</a></code> attribute in the <a href="http://www.w3.org/TR/html5/Overview.html#list-state" title="list state">list</a> state </td>
<td>no</td>
<td>yes</td>
<td><code title="attr-aria-role-menuitem">menuitem</code> role </td>
<td>ROLE_SYSTEM_MENUITEM</td>
<td>ROLE_SYSTEM_MENUITEM</td>
<td>MenuItem</td>
<td>ROLE_MENU_ITEM</td>
<td>AXMenuItemRole</td>
</tr>
<tr>
<td>An element that <a href="http://www.w3.org/TR/html5/Overview.html#concept-command" title="concept-command">defines a command</a>, whose <a href="http://www.w3.org/TR/html5/Overview.html#command-facet-type" title="command-facet-type">Type</a> facet is "radio", and that is a descendant of a <code><a href="http://www.w3.org/TR/html5/Overview.html#menus">menu</a></code> element whose <code title="attr-menu-type"><a href="http://www.w3.org/TR/html5/Overview.html#attr-menu-type">type</a></code> attribute in the <a href="http://www.w3.org/TR/html5/Overview.html#list-state" title="list state">list</a> state </td>
<td>no</td>
<td>yes</td>
<td><code title="attr-aria-role-menuitemradio">menuitemradio</code> role, with the <code title="attr-aria-checked">aria-checked</code> state set to "true" if the command's <a href="http://www.w3.org/TR/html5/Overview.html#command-facet-checkedstate" title="command-facet-checkedstate">Checked State</a> facet is true, and "false" otherwise </td>
<td>ROLE_SYSTEM_RADIOBUTTON or ROLE_SYSTEM_MENUITEM</td>
<td>IA2_ROLE_RADIO_MENU_ITEM + object attribute checkable="true"</td>
<td>RadioButton</td>
<td>ROLE_RADIO_MENU_ITEM + object attribute checkable="true"</td>
<td>AXMenuItemRole</td>
</tr>
<tr>
<td><a href="http://www.w3.org/TR/html5/Overview.html#meta"><code>meta</code></a> element</td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>N/A</td>
<td>N/A</td>
<td>N/A</td>
<td>N/A</td>
<td>N/A</td>
</tr>
<tr>
<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>
<td>ROLE_SYSTEM_ TEXT</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>?</td>
<td>ROLE_TEXT</td>
<td>AXStaticText</td>
</tr>
<tr>
<td><code><a href="http://www.w3.org/TR/html5/Overview.html#the-nav-element">nav</a></code> element </td>
<td>no</td>
<td>yes</td>
<td><code title="attr-aria-role-navigation">navigation</code> role </td>
<td>ROLE_SYSTEM_GROUPING</td>
<td>Object attribute role="navigation"</td>
<td>Expose as text string "complementary" in AriaRole</td>
<td>&nbsp;</td>
<td>AXGroup, AXRoleDescription="navigation"</td>
</tr>
<tr>
<td><a href="http://dev.w3.org/html5/spec/scripting-1.html#the-noscript-element"><code>noscript</code></a> element</td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>N/A</td>
<td>N/A</td>
<td>N/A</td>
<td>N/A</td>
<td>N/A</td>
</tr>
<tr>
<td><a href="http://dev.w3.org/html5/spec/the-iframe-element.html#the-object-element"><code>object</code></a> element</td>
<td>yes</td>
<td>yes</td>
<td>no role</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/Overview.html#the-ol-element">ol</a></code> element </td>
<td>yes</td>
<td>yes</td>
<td><code title="attr-aria-role-list">list</code> role </td>
<td>ROLE_SYSTEM_LIST + STATE_SYSTEM_READONLY</td>
<td>ROLE_SYSTEM_LIST + STATE_SYSTEM_READONLY</td>
<td>List</td>
<td>ROLE_LIST + do not expose STATE_EDITABLE</td>
<td>AXList</td>
</tr>
<tr>
<td><a href="http://dev.w3.org/html5/spec/the-button-element.html#the-optgroup-element"><code>optgroup</code></a> element</td>
<td>yes</td>
<td>yes</td>
<td><code>group</code> role</td>
<td>ROLE_SYSTEM_GROUPING</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/Overview.html#the-option-element">option</a></code> element that is in a <a href="http://www.w3.org/TR/html5/Overview.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/Overview.html#the-datalist-element">datalist</a></code> element </td>
<td>no</td>
<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/Overview.html#concept-option-selectedness" title="concept-option-selectedness">selectedness</a> is true, or "false" otherwise. </td>
<td>ROLE_SYSTEM_LISTITEM</td>
<td>ROLE_SYSTEM_LISTITEM</td>
<td>ListItem</td>
<td>ROLE_LIST_ITEM</td>
<td>NSAccessibilityStaticTextRole</td>
</tr>
<tr>
<td><code><a href="http://dev.w3.org/html5/spec/the-button-element.html#the-output-element">output</a></code> element</td>
<td>no</td>
<td>yes</td>
<td><code>status</code> role</td>
<td>ROLE_SYSTEM_STATUSBAR</td>
<td>ROLE_SYSTEM_STATUSBAR</td>
<td>StatusBar</td>
<td>ROLE_STATUSBAR</td>
<td>AXGroup, AXRoleDescription="status"</td>
</tr>
<tr>
<td><code><a href="http://www.w3.org/TR/html5/grouping-content.html#the-p-element">p</a></code> element</td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_TEXT</td>
<td><em>IA2_ROLE_PARAGRAPH</em></td>
<td>Text</td>
<td><em>ROLE_PARAGRAPH</em>&nbsp;</td>
<td>AXStaticText, AXRoleDescription="paragraph"</td>
</tr>
<tr>
<td><a href="http://dev.w3.org/html5/spec/the-iframe-element.html#the-param-element"><code>param</code></a> element</td>
<td>yes</td>
<td>yes</td>
<td>none</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://www.w3.org/TR/html5/grouping-content.html#the-pre-element">pre</a></code> element</td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>Text</td>
<td>ROLE_TEXT</td>
<td>AXStaticText</td>
</tr>
<tr>
<td><code><a href="http://www.w3.org/TR/html5/Overview.html#the-progress-element">progress</a></code> element </td>
<td>no</td>
<td>yes</td>
<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 </td>
<td>ROLE_SYSTEM_PROGRESSBAR + STATE_SYSTEM_READONLY</td>
<td>ROLE_SYSTEM_PROGRESSBAR + STATE_SYSTEM_READONLY</td>
<td>ProgressBar</td>
<td>ROLE_PROGRESS_BAR + do not expose
EXTENDED_STATE_EDITABLE</td>
<td>AXProgressIndicator</td>
</tr>
<tr>
<td><code><a href="http://dev.w3.org/html5/spec/text-level-semantics.html#the-q-element">q</a></code> element</td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>Text</td>
<td>ROLE_TEXT</td>
<td>AXStaticText</td>
</tr>
<tr>
<td><code>rp</code> element</td>
<td>no</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>Text</td>
<td>ROLE_TEXT</td>
<td>AXStaticText</td>
</tr>
<tr>
<td><code>rt</code> element</td>
<td>no</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>Text</td>
<td>ROLE_TEXT</td>
<td>AXStaticText</td>
</tr>
<tr>
<td><code><a href="http://dev.w3.org/html5/spec/text-level-semantics.html#the-ruby-element">ruby</a></code> element</td>
<td>no</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>Text</td>
<td>ROLE_TEXT</td>
<td>AXStaticText</td>
</tr>
<tr>
<td><code>s </code>element</td>
<td>?</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>Text</td>
<td>ROLE_TEXT</td>
<td>AXStaticText</td>
</tr>
<tr>
<td><code><a href="http://dev.w3.org/html5/spec/text-level-semantics.html#the-samp-element">samp</a></code> element</td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>Text</td>
<td>ROLE_TEXT</td>
<td>AXStaticText</td>
</tr>
<tr>
<td><a href="http://dev.w3.org/html5/spec/scripting-1.html#script"><code>script</code></a> element</td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>N/A</td>
<td>N/A</td>
<td>N/A</td>
<td>N/A</td>
<td>N/A</td>
</tr>
<tr>
<td><code><a href="http://www.w3.org/TR/html5/Overview.html#the-section-element">section</a></code> element </td>
<td>no</td>
<td>yes</td>
<td><code title="attr-aria-role-region">region</code> role </td>
<td>ROLE_SYSTEM_PANE</td>
<td><em>IA2_ROLE_SECTION</em></td>
<td>Pane</td>
<td>ROLE_PANEL</td>
<td>AXGroup, AXRoleDescription="region"</td>
</tr>
<tr>
<td><code><a href="http://www.w3.org/TR/html5/Overview.html#the-select-element">select</a></code> element with a <code title="attr-select-multiple"><a href="http://www.w3.org/TR/html5/Overview.html#attr-select-multiple">multiple</a></code> attribute </td>
<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><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><em>ROLE_LIST</em>&nbsp; + <em>STATE_MULTISELECTABLE</em>&nbsp;</td>
<td>?</td>
</tr>
<tr>
<td><code><a href="http://www.w3.org/TR/html5/Overview.html#the-select-element">select</a></code> element with no <code title="attr-select-multiple"><a href="http://www.w3.org/TR/html5/Overview.html#attr-select-multiple">multiple</a></code> attribute </td>
<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 "false" </td>
<td>ROLE_SYSTEM_COMBOBOX + STATE_SYSTEM_HASPOPUP.</td>
<td>ROLE_SYSTEM_COMBOBOX + STATE_SYSTEM_HASPOPUP.</td>
<td>Combobox</td>
<td>ROLE_COMBO_BOX + STATE_EXPANDABLE + object attribute haspopup="true"</td>
<td>AXComboBox</td>
</tr>
<tr>
<td><code><a href="http://dev.w3.org/html5/spec/text-level-semantics.html#the-small-element">small</a></code> element</td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>Text</td>
<td>ROLE_TEXT</td>
<td>AXStaticText</td>
</tr>
<tr>
<td><a href="http://dev.w3.org/html5/spec/video.html#the-source-element"><code>source</code></a> element</td>
<td>no</td>
<td>yes</td>
<td>none</td>
<td><p>Do not expose this object </p></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>
<tr>
<td><code><a href="http://dev.w3.org/html5/spec/text-level-semantics.html#the-span-element">span</a></code> element</td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>Text</td>
<td>ROLE_TEXT</td>
<td>AXStaticText</td>
</tr>
<tr>
<td><code><a href="http://dev.w3.org/html5/spec/text-level-semantics.html#the-strong-element">strong</a></code> element</td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>Text</td>
<td>ROLE_TEXT</td>
<td>AXStaticText</td>
</tr>
<tr>
<td><a href="http://www.w3.org/TR/html5/Overview.html#the-style-element"><code>style</code></a> element</td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td><p>Do not expose this object </p></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>
<tr>
<td><code><a href="http://dev.w3.org/html5/spec/text-level-semantics.html#the-sub-and-sup-elements">sub</a></code> element</td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>Text</td>
<td>ROLE_TEXT</td>
<td>AXStaticText</td>
</tr>
<tr id="sum" tabindex="-1">
<td><code><a href="http://dev.w3.org/html5/spec/interactive-elements.html#the-summary-element">summary</a></code> element</td>
<td>no</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_PUSHBUTTON</td>
<td>ROLE_SYSTEM_PUSHBUTTON</td>
<td>?</td>
<td><p>ROLE_PUSHBUTTON + <br>
STATE_EXPANDABLE <br>
</p></td>
<td>AXDisclosureTriangle</td>
</tr>
<tr>
<td><code><a href="http://dev.w3.org/html5/spec/text-level-semantics.html#the-sub-and-sup-elements">sup</a></code> element</td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>?</td>
<td>ROLE_TEXT</td>
<td>AXStaticText</td>
</tr>
<tr>
<td><code><a href="http://dev.w3.org/html5/spec/tabular-data.html#the-table-element">table</a></code> element </td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_TABLE</td>
<td>Use IAccessibleTable2 interface</td>
<td>DataGrid</td>
<td>ROLE_TABLE</td>
<td>AXTable</td>
</tr>
<tr>
<td><code><a href="http://dev.w3.org/html5/spec/tabular-data.html#the-tbody-element">tbody</a></code> element</td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_GROUPING</td>
<td>ROLE_SYSTEM_GROUPING</td>
<td>?</td>
<td>&nbsp;</td>
<td>AXGroup, AXRoleDescription="table body"</td>
</tr>
<tr>
<td><code><a href="http://dev.w3.org/html5/spec/tabular-data.html#the-td-element">td</a></code> element </td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_CELL</td>
<td>ROLE_SYSTEM_CELL</td>
<td>DataItem</td>
<td>ROLE_TABLE_CELL</td>
<td>AXCell</td>
</tr>
<tr>
<td>textarea element</td>
<td>yes</td>
<td>yes</td>
<td>textbox role, with the aria-multiline property set to
"true"</td>
<td>ROLE_SYSTEM_TEXT</td>
<td><p>state:&nbsp;&nbsp;<a href="http://accessibility.linuxfoundation.org/a11yspecs/ia2/docs/html/_accessible_states_8idl.html#afecbfb195aaf7050dc8f75a7833bd5f59f5a0d01f659f8888f0e15e179adf45">IA2_STATE_MULTI_LINE</a></p></td>
<td>text</td>
<td>ROLE_ENTRY</td>
<td>AXTextArea</td>
</tr>
<tr>
<td><code><a href="http://dev.w3.org/html5/spec/tabular-data.html#the-tfoot-element">tfoot</a></code> element</td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_GROUPING</td>
<td>ROLE_SYSTEM_GROUPING</td>
<td>?</td>
<td><em>ROLE_PANEL</em></td>
<td>AXGroup, AXRoleDescription="table footer"</td>
</tr>
<tr>
<td><code><a href="http://dev.w3.org/html5/spec/tabular-data.html#the-th-element">th</a></code> element that is neither a column header nor a row header </td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_CELL</td>
<td>ROLE_SYSTEM_CELL</td>
<td><a href="http://msdn.microsoft.com/en-us/library/dd388252(v=VS.85).aspx">IUIAutomation TableItem Pattern</a><a href="http://msdn.microsoft.com/en-us/library/ms752077.aspx"></a></td>
<td>ROLE_TABLE_CELL</td>
<td>AXCell</td>
</tr>
<tr>
<td><code><a href="http://www.w3.org/TR/html5/tabular-data.html#the-th-element">th</a></code> element that is a column header </td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_COLUMNHEADER</td>
<td>&nbsp;</td>
<td><a href="http://msdn.microsoft.com/en-us/library/dd320515(v=VS.85).aspx">header</a> + OrientationType_Vertical</td>
<td>ROLE_COLUMN_HEADER</td>
<td>AXCell</td>
</tr>
<tr>
<td><code><a href="http://dev.w3.org/html5/spec/tabular-data.html#the-th-element">th</a></code> element that is a row header </td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_ROWHEADER</td>
<td>&nbsp;</td>
<td><a href="http://msdn.microsoft.com/en-us/library/ms753110.aspx">header</a> + OrientationType_Horizontal </td>
<td>ROLE_ROW_HEADER</td>
<td>AXCell</td>
</tr>
<tr>
<td><code><a href="http://dev.w3.org/html5/spec/tabular-data.html#the-thead-element">thead</a></code> element</td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_GROUPING</td>
<td>ROLE_SYSTEM_GROUPING</td>
<td>?</td>
<td><em>ROLE_PANEL</em></td>
<td>AXGroup, AXRoleDescription="table header"</td>
</tr>
<tr>
<td><code><a href="http://dev.w3.org/html5/spec/text-level-semantics.html#the-time-element">time</a></code> element</td>
<td>no</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>?</td>
<td>ROLE_TEXT</td>
<td>AXStaticText</td>
</tr>
<tr>
<td><a href="http://www.w3.org/TR/html5/Overview.html#the-title-element-0"><code>title</code></a> element</td>
<td>yes</td>
<td>yes</td>
<td>none</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>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_ROW </td>
<td>ROLE_SYSTEM_ROW </td>
<td>DataItem</td>
<td>ROLE_LIST_ITEM</td>
<td>AXRow</td>
</tr>
<tr>
<td><code><a href="http://www.w3.org/TR/html5/Overview.html#the-ul-element">ul</a></code> element </td>
<td>yes</td>
<td>yes</td>
<td><code title="attr-aria-role-list">list</code> role </td>
<td>ROLE_SYSTEM_LIST + STATE_SYSTEM_READONLY</td>
<td>ROLE_SYSTEM_LIST + STATE_SYSTEM_READONLY</td>
<td>List</td>
<td>ROLE_LIST + do not expose STATE_EDITABLE</td>
<td>AXList</td>
</tr>
<tr>
<td><code><a href="http://dev.w3.org/html5/spec/text-level-semantics.html#the-var-element">var</a></code> element</td>
<td>yes</td>
<td>yes</td>
<td>none</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>ROLE_SYSTEM_ TEXT</td>
<td>?</td>
<td>ROLE_TEXT</td>
<td>AXStaticText</td>
</tr>
<tr>
<td><a href="http://dev.w3.org/html5/spec/video.html"><code>video</code></a> element</td>
<td>no</td>
<td>yes</td>
<td>none</td>
<td>?</td>
<td>?</td>
<td>?</td>
<td>?</td>
<td>?</td>
</tr>
<tr>
<td><code><a href="http://dev.w3.org/html5/spec/text-level-semantics.html#the-wbr-element">wbr</a></code> element</td>
<td>no</td>
<td>yes</td>
<td>none</td>
<td>none</td>
<td>none</td>
<td>none</td>
<td>none</td>
<td>none</td>
</tr>
</tbody></table>
</div>
</div>
<p>&nbsp;</p>
<div id="api-att" class="section">
<!--OddPage--><h2><span class="secno">4. </span>HTML attribute to Accessibility API State and Property Mapping Matrix </h2>
<table>
<caption>
Mappings of HTML attributes (excluding event handler content attributes) to platform accessibility APIs: ARIA, MSAA, IAccessible2, UIA, AT-SPI, and AX
</caption>
<tbody><tr>
<th>Attribute </th>
<td>Element(s) </td>
<th><a href="http://www.w3.org/TR/html401/">HTML4</a></th>
<th><a href="http://dev.w3.org/html5/spec/spec.html">HTML5</a></th>
<th><a href="http://www.w3.org/WAI/PF/aria/">WAI-ARIA</a></th>
<th><a href="http://msdn.microsoft.com/en-us/library/dd318466(v=VS.85).aspx">MSAA Property</a> or <a href="http://msdn.microsoft.com/en-us/library/dd318466(v=VS.85).aspx">MSAA State</a></th>
<th><a href="http://accessibility.linuxfoundation.org/a11yspecs/ia2/docs/html/">IAccessible2</a></th>
<th><a href="http://msdn.microsoft.com/en-us/library/ms726297(v=VS.85).aspx">UIA</a></th>
<th><a href="http://people.gnome.org/~billh/at-spi-idl/html/index.html">AT-SPI States and properties</a><a href="http://library.gnome.org/devel/atk/stable/"></a></th>
<th><a href="http://developer.apple.com/library/mac/#documentation/Accessibility/Conceptual/AccessibilityMacOSX/OSXAXIntro/OSXAXintro.html">AX</a></th>
<th>comments</th>
</tr>
<tr>
<th> accesskey </th>
<td><a href="http://dev.w3.org/html5/spec/editing.html#the-accesskey-attribute" title="attr-accesskey">HTML elements</a></td>
<td>Yes</td>
<td>Yes</td>
<td>none</td>
<td><a href="http://msdn.microsoft.com/en-us/library/accessibility.iaccessible.acckeyboardshortcut.aspx">accKeyboardShortcut</a></td>
<td><a href="http://msdn.microsoft.com/en-us/library/accessibility.iaccessible.acckeyboardshortcut.aspx">accKeyboardShortcut</a></td>
<td><a href="http://msdn.microsoft.com/en-us/library/system.windows.automation.automationelement.automationelementinformation.acceleratorkey.aspx">AcceleratorKey</a></td>
<td>?</td>
<td>?</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> alt </th>
<td><a href="http://dev.w3.org/html5/spec/the-map-element.html#attr-area-alt">area</a>; <a href="http://dev.w3.org/html5/spec/embedded-content-1.html#attr-img-alt">img</a>; <a href="http://dev.w3.org/html5/spec/number-state.html#attr-input-alt">input</a></td>
<td>Yes</td>
<td>Yes</td>
<td>none</td>
<td><a href="http://msdn.microsoft.com/en-us/library/accessibility.iaccessible.accname.aspx">accName</a></td>
<td><a href="http://msdn.microsoft.com/en-us/library/system.windows.automation.automationelement.automationelementinformation.name.aspx"></a></td>
<td><a href="http://msdn.microsoft.com/en-us/library/system.windows.automation.automationelement.automationelementinformation.name.aspx">Name</a></td>
<td><a href="http://people.gnome.org/~billh/at-spi-idl/html/namespaceAccessibility.html#a215">RELATION_LABEL_FOR</a></td>
<td>AXDescription</td>
<td>&nbsp;</td>
</tr>
<!--<tr>
<th> async </th>
<td><a href="http://dev.w3.org/html5/spec/scripting-1.html#attr-script-async">script</a></td>
<td> Execute script asynchronously </td>
<td><a href="http://dev.w3.org/html5/spec/common-microsyntaxes.html#boolean-attribute">Boolean attribute</a></td>
</tr>-->
<tr>
<th> autocomplete </th>
<td><a href="http://dev.w3.org/html5/spec/forms.html#attr-form-autocomplete">form</a>; <a href="http://dev.w3.org/html5/spec/common-input-element-attributes.html#attr-input-autocomplete">input</a></td>
<td>No</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td rowspan="1" colspan="1">Object attribute autocomplete
<p>Expose the IA2_STATE_SUPPORTS_AUTOCOMPLETION equivalent state</p></td>
<td rowspan="1" colspan="1">&nbsp;</td>
<td rowspan="1" colspan="1">Object attribute autocomplete
<p>Expose the <a href="http://people.gnome.org/~billh/at-spi-idl/html/namespaceAccessibility.html#a217">STATE_SUPPORTS_AUTOCOMPLETION</a> equivalent state</p></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> autofocus </th>
<td><a href="http://dev.w3.org/html5/spec/association-of-controls-and-forms.html#attr-fe-autofocus">button</a>; <a href="http://dev.w3.org/html5/spec/association-of-controls-and-forms.html#attr-fe-autofocus">input</a>; <a href="http://dev.w3.org/html5/spec/association-of-controls-and-forms.html#attr-fe-autofocus">keygen</a>; <a href="http://dev.w3.org/html5/spec/association-of-controls-and-forms.html#attr-fe-autofocus">select</a>; <a href="http://dev.w3.org/html5/spec/association-of-controls-and-forms.html#attr-fe-autofocus">textarea</a></td>
<td>No</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> autoplay </th>
<td><a href="http://dev.w3.org/html5/spec/video.html#attr-media-autoplay">audio</a>; <a href="http://dev.w3.org/html5/spec/video.html#attr-media-autoplay">video</a></td>
<td>No</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<!--<tr>
<th> challenge </th>
<td><a href="http://dev.w3.org/html5/spec/the-button-element.html#attr-keygen-challenge">keygen</a></td>
<td> String to package with the generated and signed public key </td>
<td><a href="http://dev.w3.org/html5/spec/elements.html#attribute-text">Text</a></td>
</tr>-->
<!--<tr>
<th> charset </th>
<td><a href="http://www.w3.org/TR/html5/Overview.html#attr-meta-charset">meta</a></td>
<td><a href="http://www.w3.org/TR/html5/Overview.html#character-encoding-declaration">Character encoding declaration</a></td>
<td><a href="http://dev.w3.org/html5/spec/infrastructure.html#preferred-mime-name">Preferred MIME name</a> of an encoding* </td>
</tr>-->
<!--<tr>
<th> charset </th>
<td><a href="http://dev.w3.org/html5/spec/scripting-1.html#attr-script-charset">script</a></td>
<td> Character encoding of the external script resource </td>
<td><a href="http://dev.w3.org/html5/spec/infrastructure.html#preferred-mime-name">Preferred MIME name</a> of an encoding* </td>
</tr>-->
<tr>
<th> checked (if present)</th>
<td><a href="http://dev.w3.org/html5/spec/interactive-elements.html#attr-command-checked">command</a>; <a href="http://dev.w3.org/html5/spec/the-input-element.html#attr-input-checked">input</a></td>
<td>Yes</td>
<td>Yes</td>
<td><a href="http://www.w3.org/TR/2010/WD-wai-aria-20100916/states_and_properties#aria-checked">aria-checked (state)</a>="true" (state)</td>
<td rowspan="1" colspan="1">Set the STATE_SYSTEM_CHECKED state</td>
<td rowspan="1" colspan="1">Expose object attribute checkable="true"</td>
<td rowspan="1" colspan="1">Expose as ToggleState property in Toggle Control Pattern</td>
<td rowspan="1" colspan="1">Expose object attribute checkable="true"</td>
<td rowspan="1" colspan="1">AXValue="1"</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> checked (if absent)</th>
<td><a href="http://dev.w3.org/html5/spec/interactive-elements.html#attr-command-checked">command</a>; <a href="http://dev.w3.org/html5/spec/the-input-element.html#attr-input-checked">input</a></td>
<td>Yes</td>
<td>Yes</td>
<td><a href="http://www.w3.org/TR/2010/WD-wai-aria-20100916/states_and_properties#aria-checked">aria-checked (state)</a>="false"</td>
<td rowspan="1" colspan="1">Clear the STATE_SYSTEM_CHECKED state</td>
<td rowspan="1" colspan="1">Expose object attribute checkable="true"</td>
<td rowspan="1" colspan="1">Expose as ToggleState property in Toggle Control Pattern.</td>
<td rowspan="1" colspan="1">Expose object attribute checkable="true"</td>
<td rowspan="1" colspan="1">AXValue="0"</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> cite </th>
<td><a href="http://dev.w3.org/html5/spec/grouping-content.html#attr-blockquote-cite">blockquote</a>; <a href="http://dev.w3.org/html5/spec/edits.html#attr-mod-cite">del</a>; <a href="http://dev.w3.org/html5/spec/edits.html#attr-mod-cite">ins</a>; <a href="http://dev.w3.org/html5/spec/text-level-semantics.html#attr-q-cite">q</a></td>
<td>Yes</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<!--<tr>
<th> class </th>
<td><a href="http://dev.w3.org/html5/spec/elements.html#classes" title="attr-class">HTML elements</a></td>
<td> Classes to which the element belongs </td>
<td><a href="http://dev.w3.org/html5/spec/common-microsyntaxes.html#set-of-space-separated-tokens">Set of space-separated tokens</a></td>
</tr>-->
<tr>
<th> cols </th>
<td><a href="http://dev.w3.org/html5/spec/the-button-element.html#attr-textarea-cols">textarea</a></td>
<td>Yes</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> colspan </th>
<td><a href="http://dev.w3.org/html5/spec/tabular-data.html#attr-tdth-colspan">td</a>; <a href="http://dev.w3.org/html5/spec/tabular-data.html#attr-tdth-colspan">th</a></td>
<td>Yes</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> contenteditable </th>
<td><a href="http://dev.w3.org/html5/spec/editing.html#attr-contenteditable" title="attr-contenteditable">HTML elements</a></td>
<td>No</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> contextmenu </th>
<td><a href="http://dev.w3.org/html5/spec/interactive-elements.html#attr-contextmenu" title="attr-contextmenu">HTML elements</a></td>
<td>No</td>
<td>Yes</td>
<td><a href="http://www.w3.org/WAI/PF/aria/states_and_properties#aria-haspopup">aria-haspopup</a>="true"</td>
<td rowspan="1" colspan="1">Expose as STATE_SYSTEM_HASPOPUP. If on a push button, change the role to ROLE_SYSTEM_BUTTONMENU.</td>
<td rowspan="1" colspan="1">Expose as STATE_SYSTEM_HASPOPUP. If on a push button, change the role to ROLE_SYSTEM_BUTTONMENU.</td>
<td rowspan="1" colspan="1">Expose state of the pop-up activities in the ExpandCollapseState property in the ExpandCollapse Control Pattern.</td>
<td rowspan="1" colspan="1">Object attribute haspopup="true"</td>
<td rowspan="1" colspan="1">Expose AXShowMenu and AXPress actions</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> controls </th>
<td><a href="http://dev.w3.org/html5/spec/video.html#attr-media-controls">audio</a>; <a href="http://dev.w3.org/html5/spec/video.html#attr-media-controls">video</a></td>
<td>No</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> datetime </th>
<td><a href="http://dev.w3.org/html5/spec/edits.html#attr-mod-datetime">del</a>; <a href="http://dev.w3.org/html5/spec/edits.html#attr-mod-datetime">ins</a></td>
<td>No</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> datetime </th>
<td><a href="http://dev.w3.org/html5/spec/text-level-semantics.html#attr-time-datetime">time</a></td>
<td>No </td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> dir </th>
<td><a href="http://dev.w3.org/html5/spec/elements.html#the-dir-attribute" title="attr-dir">HTML elements</a></td>
<td>?</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> dirname </th>
<td><a href="http://dev.w3.org/html5/spec/common-input-element-attributes.html#attr-input-dirname">input</a>; <a href="http://dev.w3.org/html5/spec/the-button-element.html#attr-textarea-dirname">textarea</a></td>
<td>?</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> disabled </th>
<td><a href="http://dev.w3.org/html5/spec/association-of-controls-and-forms.html#attr-fe-disabled">button</a>; <a href="http://dev.w3.org/html5/spec/interactive-elements.html#attr-command-disabled">command</a>; <a href="http://dev.w3.org/html5/spec/forms.html#attr-fieldset-disabled">fieldset</a>; <a href="http://dev.w3.org/html5/spec/association-of-controls-and-forms.html#attr-fe-disabled">input</a>; <a href="http://dev.w3.org/html5/spec/association-of-controls-and-forms.html#attr-fe-disabled">keygen</a>; <a href="http://dev.w3.org/html5/spec/the-button-element.html#attr-optgroup-disabled">optgroup</a>; <a href="http://dev.w3.org/html5/spec/the-button-element.html#attr-option-disabled">option</a>; <a href="http://dev.w3.org/html5/spec/association-of-controls-and-forms.html#attr-fe-disabled">select</a>; <a href="http://dev.w3.org/html5/spec/association-of-controls-and-forms.html#attr-fe-disabled">textarea</a></td>
<td>yes</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> draggable </th>
<td><a href="http://dev.w3.org/html5/spec/dnd.html#the-draggable-attribute" title="attr-draggable">HTML elements</a></td>
<td>no</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> dropzone </th>
<td><a href="http://dev.w3.org/html5/spec/dnd.html#the-dropzone-attribute" title="attr-dropzone">HTML elements</a></td>
<td>no</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> headers </th>
<td><a href="http://dev.w3.org/html5/spec/tabular-data.html#attr-tdth-headers">td</a>; <a href="http://dev.w3.org/html5/spec/tabular-data.html#attr-tdth-headers">th</a></td>
<td>yes</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> hidden </th>
<td><a href="http://dev.w3.org/html5/spec/editing.html#the-hidden-attribute" title="attr-hidden">HTML elements</a></td>
<td>no</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> high </th>
<td><a href="http://dev.w3.org/html5/spec/the-button-element.html#attr-meter-high">meter</a></td>
<td>no</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> href </th>
<td><a href="http://dev.w3.org/html5/spec/links.html#attr-hyperlink-href">a</a>; <a href="http://dev.w3.org/html5/spec/links.html#attr-hyperlink-href">area</a></td>
<td>yes</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> href </th>
<td><a href="http://www.w3.org/TR/html5/Overview.html#attr-link-href">link</a></td>
<td>yes</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> hreflang </th>
<td><a href="http://dev.w3.org/html5/spec/links.html#attr-hyperlink-hreflang">a</a>; <a href="http://dev.w3.org/html5/spec/links.html#attr-hyperlink-hreflang">area</a>; <a href="http://www.w3.org/TR/html5/Overview.html#attr-link-hreflang">link</a></td>
<td>yes</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> kind </th>
<td><a href="http://dev.w3.org/html5/spec/video.html#attr-track-kind">track</a></td>
<td>no</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> label </th>
<td><a href="http://dev.w3.org/html5/spec/interactive-elements.html#attr-command-label">command</a>; <a href="http://dev.w3.org/html5/spec/interactive-elements.html#attr-menu-label">menu</a>; <a href="http://dev.w3.org/html5/spec/the-button-element.html#attr-optgroup-label">optgroup</a>; <a href="http://dev.w3.org/html5/spec/the-button-element.html#attr-option-label">option</a>;
<!--KEEP-END w3c-html-->
<!--TT-->
<a href="http://dev.w3.org/html5/spec/video.html#attr-track-label">track</a>
<!--KEEP-START w3c-html-->
<!--TT--></td>
<td>?</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> lang </th>
<td><a href="http://dev.w3.org/html5/spec/elements.html#attr-lang" title="attr-lang">HTML elements</a></td>
<td>yes</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> low </th>
<td><a href="http://dev.w3.org/html5/spec/the-button-element.html#attr-meter-low">meter</a></td>
<td>no</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> max </th>
<td><a href="http://dev.w3.org/html5/spec/common-input-element-attributes.html#attr-input-max">input</a></td>
<td>no</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> max </th>
<td><a href="http://dev.w3.org/html5/spec/the-button-element.html#attr-meter-max">meter</a>; <a href="http://dev.w3.org/html5/spec/the-button-element.html#attr-progress-max">progress</a></td>
<td>no</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> maxlength </th>
<td><a href="http://dev.w3.org/html5/spec/common-input-element-attributes.html#attr-input-maxlength">input</a>; <a href="http://dev.w3.org/html5/spec/the-button-element.html#attr-textarea-maxlength">textarea</a></td>
<td>yes</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> media </th>
<td><a href="http://dev.w3.org/html5/spec/links.html#attr-hyperlink-media">a</a>; <a href="http://dev.w3.org/html5/spec/links.html#attr-hyperlink-media">area</a>; <a href="http://www.w3.org/TR/html5/Overview.html#attr-link-media">link</a>; <a href="http://dev.w3.org/html5/spec/video.html#attr-source-media">source</a>; <a href="http://www.w3.org/TR/html5/Overview.html#attr-style-media">style</a></td>
<td>?</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> min </th>
<td><a href="http://dev.w3.org/html5/spec/common-input-element-attributes.html#attr-input-min">input</a></td>
<td>&nbsp;</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> min </th>
<td><a href="http://dev.w3.org/html5/spec/the-button-element.html#attr-meter-min">meter</a></td>
<td>no</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> multiple </th>
<td><a href="http://dev.w3.org/html5/spec/common-input-element-attributes.html#attr-input-multiple">input</a>; <a href="http://dev.w3.org/html5/spec/the-button-element.html#attr-select-multiple">select</a></td>
<td>yes</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th tabindex="-1" id="att-open"> open </th>
<td><a href="http://dev.w3.org/html5/spec/interactive-elements.html#attr-details-open">details</a></td>
<td>no</td>
<td>Yes</td>
<td><a href="http://www.w3.org/WAI/PF/aria/states_and_properties#aria-expanded">aria-expanded</a>="true | false"</td>
<td>STATE_SYSTEM_EXPANDED <br> STATE_SYSTEM_COLLAPSED </td>
<td>STATE_SYSTEM_EXPANDED <br> STATE_SYSTEM_COLLAPSED</td>
<td><a href="http://msdn.microsoft.com/en-us/library/system.windows.automation.expandcollapsepattern.aspx">ExpandCollapsePattern</a></td>
<td>STATE_COLLAPSED<br>
STATE_EXPANDED</td>
<td>AXValue="0 | 1"</td>
<td>Set properties on the<a href="#sum"> summary </a>element.</td>
</tr>
<tr>
<th> optimum </th>
<td><a href="http://dev.w3.org/html5/spec/the-button-element.html#attr-meter-optimum">meter</a></td>
<td>no</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> placeholder </th>
<td><a href="http://dev.w3.org/html5/spec/common-input-element-attributes.html#attr-input-placeholder">input</a>; <a href="http://dev.w3.org/html5/spec/the-button-element.html#attr-textarea-placeholder">textarea</a></td>
<td>no</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> poster </th>
<td><a href="http://dev.w3.org/html5/spec/video.html#attr-video-poster">video</a></td>
<td>no</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<!--<tr>
<th> preload </th>
<td><a href="http://dev.w3.org/html5/spec/video.html#attr-media-preload">audio</a>; <a href="http://dev.w3.org/html5/spec/video.html#attr-media-preload">video</a></td>
<td> Hints how much buffering the <a href="http://dev.w3.org/html5/spec/video.html#media-resource">media resource</a> will likely need </td>
<td>"<a href="http://dev.w3.org/html5/spec/video.html#attr-media-preload-none">none</a>"; "<a href="http://dev.w3.org/html5/spec/video.html#attr-media-preload-metadata">metadata</a>"; "<a href="http://dev.w3.org/html5/spec/video.html#attr-media-preload-auto">auto</a>" </td>
</tr>-->
<tr>
<th> radiogroup </th>
<td><a href="http://dev.w3.org/html5/spec/interactive-elements.html#attr-command-radiogroup">command</a></td>
<td>no</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> readonly </th>
<td><a href="http://dev.w3.org/html5/spec/common-input-element-attributes.html#attr-input-readonly">input</a>; <a href="http://dev.w3.org/html5/spec/the-button-element.html#attr-textarea-readonly">textarea</a></td>
<td>yes</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> rel </th>
<td><a href="http://dev.w3.org/html5/spec/links.html#attr-hyperlink-rel">a</a>; <a href="http://dev.w3.org/html5/spec/links.html#attr-hyperlink-rel">area</a>; <a href="http://www.w3.org/TR/html5/Overview.html#attr-link-rel">link</a></td>
<td>&nbsp;</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> required </th>
<td><a href="http://dev.w3.org/html5/spec/common-input-element-attributes.html#attr-input-required">input</a>; <a href="http://dev.w3.org/html5/spec/the-button-element.html#attr-select-required">select</a>; <a href="http://dev.w3.org/html5/spec/the-button-element.html#attr-textarea-required">textarea</a></td>
<td>no</td>
<td>Yes</td>
<td><a href="http://www.w3.org/WAI/PF/aria/states_and_properties#aria-required"><code>aria-required</code></a></td>
<td>N/A</td>
<td><code>IA2_STATE_REQUIRED</code></td>
<td>Expose as <code>IsrequiredForForm</code> property.</td>
<td>Expose <code>STATE_REQUIRED</code></td>
<td>?</td>
<td>?</td>
</tr>
<tr>
<th> reversed </th>
<td><a href="http://dev.w3.org/html5/spec/grouping-content.html#attr-ol-reversed">ol</a></td>
<td>?</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> rows </th>
<td><a href="http://dev.w3.org/html5/spec/the-button-element.html#attr-textarea-rows">textarea</a></td>
<td>yes</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> rowspan </th>
<td><a href="http://dev.w3.org/html5/spec/tabular-data.html#attr-tdth-rowspan">td</a>; <a href="http://dev.w3.org/html5/spec/tabular-data.html#attr-tdth-rowspan">th</a></td>
<td>yes</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> spellcheck </th>
<td><a href="http://dev.w3.org/html5/spec/editing.html#attr-spellcheck" title="attr-spellcheck">HTML elements</a></td>
<td>no</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> scope </th>
<td><a href="http://dev.w3.org/html5/spec/tabular-data.html#attr-th-scope">th</a></td>
<td>yes</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> size </th>
<td><a href="http://dev.w3.org/html5/spec/common-input-element-attributes.html#attr-input-size">input</a>; <a href="http://dev.w3.org/html5/spec/the-button-element.html#attr-select-size">select</a></td>
<td>yes</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> span </th>
<td><a href="http://dev.w3.org/html5/spec/tabular-data.html#attr-col-span">col</a>; <a href="http://dev.w3.org/html5/spec/tabular-data.html#attr-colgroup-span">colgroup</a></td>
<td>yes</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> start </th>
<td><a href="http://dev.w3.org/html5/spec/grouping-content.html#attr-ol-start">ol</a></td>
<td>&nbsp;</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> summary </th>
<td>table</td>
<td>yes</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> title </th>
<td><a href="http://dev.w3.org/html5/spec/elements.html#the-title-attribute" title="attr-title">HTML elements</a></td>
<td>yes</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> title </th>
<td><a href="http://dev.w3.org/html5/spec/text-level-semantics.html#attr-abbr-title">abbr</a>; <a href="http://dev.w3.org/html5/spec/text-level-semantics.html#attr-dfn-title">dfn</a></td>
<td>yes</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> title </th>
<td><a href="http://dev.w3.org/html5/spec/interactive-elements.html#attr-command-title">command</a></td>
<td>no</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> title </th>
<td><a href="http://www.w3.org/TR/html5/Overview.html#attr-link-title">link</a></td>
<td>yes</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> title </th>
<td><a href="http://www.w3.org/TR/html5/Overview.html#attr-link-title">link</a>; <a href="http://www.w3.org/TR/html5/Overview.html#attr-style-title">style</a></td>
<td>yes</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> type </th>
<td><a href="http://dev.w3.org/html5/spec/links.html#attr-hyperlink-type">a</a>; <a href="http://dev.w3.org/html5/spec/links.html#attr-hyperlink-type">area</a>; <a href="http://www.w3.org/TR/html5/Overview.html#attr-link-type">link</a></td>
<td>&nbsp;</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> type </th>
<td><a href="http://dev.w3.org/html5/spec/the-button-element.html#attr-button-type">button</a></td>
<td>Yes</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> type </th>
<td><a href="http://dev.w3.org/html5/spec/the-button-element.html#attr-button-type">button</a>; <a href="http://dev.w3.org/html5/spec/the-input-element.html#attr-input-type">input</a></td>
<td>Yes</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> type </th>
<td><a href="http://dev.w3.org/html5/spec/interactive-elements.html#attr-command-type">command</a></td>
<td>No</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> type </th>
<td><a href="http://dev.w3.org/html5/spec/the-iframe-element.html#attr-embed-type">embed</a>; <a href="http://dev.w3.org/html5/spec/the-iframe-element.html#attr-object-type">object</a>; <a href="http://dev.w3.org/html5/spec/scripting-1.html#attr-script-type">script</a>; <a href="http://dev.w3.org/html5/spec/video.html#attr-source-type">source</a>; <a href="http://www.w3.org/TR/html5/Overview.html#attr-style-type">style</a></td>
<td>Yes</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> type </th>
<td><a href="http://dev.w3.org/html5/spec/interactive-elements.html#attr-menu-type">menu</a></td>
<td>No</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> value </th>
<td><a href="http://dev.w3.org/html5/spec/the-button-element.html#attr-button-value">button</a>; <a href="http://dev.w3.org/html5/spec/the-button-element.html#attr-option-value">option</a></td>
<td>Yes</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> value </th>
<td><a href="http://dev.w3.org/html5/spec/the-input-element.html#attr-input-value">input</a></td>
<td>Yes</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> value </th>
<td><a href="http://dev.w3.org/html5/spec/grouping-content.html#attr-li-value">li</a></td>
<td>&nbsp;</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> value </th>
<td><a href="http://dev.w3.org/html5/spec/the-button-element.html#attr-meter-value">meter</a>; <a href="http://dev.w3.org/html5/spec/the-button-element.html#attr-progress-value">progress</a></td>
<td>No</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> value </th>
<td><a href="http://dev.w3.org/html5/spec/the-iframe-element.html#attr-param-value">param</a></td>
<td>Yes</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<th> width </th>
<td><a href="http://dev.w3.org/html5/spec/the-canvas-element.html#attr-canvas-width">canvas</a>; <a href="http://dev.w3.org/html5/spec/the-map-element.html#attr-dim-width">embed</a>; <a href="http://dev.w3.org/html5/spec/the-map-element.html#attr-dim-width">iframe</a>; <a href="http://dev.w3.org/html5/spec/the-map-element.html#attr-dim-width">img</a>; <a href="http://dev.w3.org/html5/spec/the-map-element.html#attr-dim-width">input</a>; <a href="http://dev.w3.org/html5/spec/the-map-element.html#attr-dim-width">object</a>; <a href="http://dev.w3.org/html5/spec/the-map-element.html#attr-dim-width">video</a></td>
<td>Yes</td>
<td>Yes</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody></table>
</div>
<div id="calc" class="section">
<!--OddPage--><h2><span class="secno">5. </span>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 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://www.w3.org/TR/html5/Overview.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://www.w3.org/TR/html5/Overview.html#the-title-element-0"><code>title</code></a> attribute.</p>
<ul>
<li>If the control has <strong>only</strong> a non-empty <code>placeholder</code> attribute, use the content of the <code>placeholder</code> attribute as the control's accessible name.</li>
<li>If the control has a non-empty <code>placeholder</code> attribute and a non-empty associated <code>label</code> element, use the content of the associated <code>label</code> element as the control's accessible name. Use the content of the <code>placeholder</code> attribute as the control's accessible description.</li>
<li>If the control has a non-empty <code>placeholder</code> attribute and a non-empty <code>title</code> attribute, use the content of the<code> title</code> attribute as the control's accessible name. Use the content of the <code>placeholder</code> attribute as the control's accessible description.</li>
<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>
<div id="inputs" class="section">
<h3><span class="secno">5.1 </span>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 <code>value</code> attribute, or a non-empty <a href="http://www.w3.org/TR/html5/Overview.html#the-title-element-0"><code>title</code></a> attribute.</p>
<ul>
<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>
</div>
<div id="input-image" class="section">
<h3><span class="secno">5.2 </span>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://www.w3.org/TR/html5/Overview.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>
</div>
<div id="control-other" class="section">
<h3><span class="secno">5.3 </span>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 or a non-empty <a href="http://www.w3.org/TR/html5/Overview.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>
</ul>
</div>
<div id="figure-caption" class="section">
<h3><span class="secno">5.4 </span>Figure and figcaption elements </h3>
<p><span class="note">to do</span></p>
</div>
<div id="img" class="section">
<h3><span class="secno">5.5 </span>img element</h3>
<p><span class="note">to do</span></p>
</div>
</div>
<div id="interactive" class="section">
<!--OddPage--><h2><span class="secno">6. </span>Interactive elements</h2>
<div id="summary-details" class="section">
<h3><span class="secno">6.1 </span><code>summary</code> and <code>details</code> elements</h3>
<p><span class="note">to do</span></p>
</div>
</div>
<div id="accessible-description" class="section">
<!--OddPage--><h2><span class="secno">7. </span>Accessible Description calculation</h2>
<p><span class="note">to do</span></p>
</div>
<div id="examples" class="section">
<!--OddPage--><h2><span class="secno">8. </span>Accessible feature implementation examples:</h2>
<div id="examples-sum" class="section">
<h3><span class="secno">8.1 </span><code>summary</code> and <code>details</code> elements</h3>
</div>
</div>
<div id="focus-keyboard" class="section">
<!--OddPage--><h2><span class="secno">9. </span>focus and keyboard interaction</h2>
<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>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>
</div>
<div id="rol-name-state" class="section">
<!--OddPage--><h2><span class="secno">10. </span>Role, name, state and property mapping</h2>
<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>
</div>
<!--<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>-->
<div id="references" class="appendix section"><!--OddPage--><h2><span class="secno">A. </span>References</h2><div id="normative-references" class="section"><h3><span class="secno">A.1 </span>Normative references</h3><p>No normative references.</p></div><div id="informative-references" class="section"><h3><span class="secno">A.2 </span>Informative references</h3><p>No informative references.</p></div></div></body></html>