Skip to content

Commit

Permalink
Merge pull request w3c#187 from w3c/176_map_area
Browse files Browse the repository at this point in the history 
176 map and area updates
  • Loading branch information
@scottaohara
scottaohara authored May 21, 2019
2 parents 544c5db + fac03a7 commit 96385da
Showing 1 changed file with 107 additions and 33 deletions.
140 changes: 107 additions & 33 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,17 +1,17 @@
<!DOCTYPE html>
<html lang="en-US" xmlns="http://www.w3.org/1999/xhtml">
<html lang="en-US">
<head>
<meta charset="utf-8" />
<meta charset="utf-8">
<title>HTML Accessibility API Mappings 1.0</title>
<!-- Temporary replacement of these 2 links to CSS resources at rawgit.com with local sources until common solution for resources like these shared among different AAMs is found (note two arrow images added to local img/ dir referenced from mapping-tables.css)-->
<!--
<link href="https://rawgit.com/w3c/aria/master/common/css/mapping-tables.css" rel="stylesheet" />
<link href="https://rawgit.com/w3c/aria/master/common/css/common.css" rel="stylesheet" />
<link href="https://rawgit.com/w3c/aria/master/common/css/mapping-tables.css" rel="stylesheet">
<link href="https://rawgit.com/w3c/aria/master/common/css/common.css" rel="stylesheet">
-->
<link href="css/mapping-tables.css" rel="stylesheet" />
<link href="css/common.css" rel="stylesheet" />
<link href="css/mapping-tables.css" rel="stylesheet">
<link href="css/common.css" rel="stylesheet">
<!--end temporary replacement of CSS resources-->
<link href="css/html-aam.css" rel="stylesheet" />
<link href="css/html-aam.css" rel="stylesheet">
<script src="https://www.w3.org/Tools/respec/respec-w3c-common" class="remove"></script>
<!-- Temporary replacement of these 4 script references to JS resources at rawgit.com with local sources until common solution for resources like these shared among different AAMs is found -->
<!--
Expand Down Expand Up @@ -88,7 +88,6 @@
},

localBiblio: biblio,

preProcess: [ linkCrossReferences ]

};
Expand Down Expand Up @@ -377,13 +376,17 @@ <h3>HTML Element Role Mappings</h3>
<td class="comments"></td>
</tr>
<tr tabindex="-1" id="el-area">
<th><a href="https://www.w3.org/TR/html/semantics-embedded-content.html#the-area-element"><code>area</code></a> <span class="el-context">(represents a <a href="https://www.w3.org/TR/html/links.html#hyperlink">hyperlink</a>)</span></th>
<td class="aria"><a class="core-mapping" href="#role-map-link"><code>link</code></a> role </td>
<td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
<td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
<td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
<td class="ax"><div class="general">Use WAI-ARIA mapping</div></td>
<td class="comments"></td>
<th>
<a href="https://www.w3.org/TR/html/semantics-embedded-content.html#the-area-element"><code>area</code></a> <span class="el-context">(represents a <a href="https://www.w3.org/TR/html/links.html#hyperlink">hyperlink</a>)</span>
</th>
<td class="aria">
<a class="core-mapping" href="#role-map-link"><code>link</code></a> role
</td>
<td class="ia2"><div class="general">Use WAI-ARIA mapping</div></td>
<td class="uia"><div class="general">Use WAI-ARIA mapping</div></td>
<td class="atk"><div class="general">Use WAI-ARIA mapping</div></td>
<td class="ax"><div class="general">Use WAI-ARIA mapping</div></td>
<td class="comments"></td>
</tr>
<tr tabindex="-1" id="el-area-nohref">
<th><a href="https://www.w3.org/TR/html/semantics-embedded-content.html#the-area-element"><code>area</code></a> <span class="el-context">(no <a href="https://www.w3.org/TR/html/links.html#element-attrdef-a-href"><code>href</code></a> attribute)</span></th>
Expand Down Expand Up @@ -2277,7 +2280,9 @@ <h3>HTML Element Role Mappings</h3>
<span class="type">Role: </span><code>IA2_ROLE_TEXT_FRAME</code>
</div>
</td>
<td class="uia"><div class="general">Not mapped</div></td>
<td class="uia">
<div class="general">Not mapped</div>
</td>
<td class="atk">
<div class="general">
Not mapped if used as an image map, otherwise:
Expand All @@ -2287,31 +2292,69 @@ <h3>HTML Element Role Mappings</h3>
<code>ATK_ROLE_STATIC</code>
</div>
</td>
<td class="ax"><div class="general">Not mapped</div></td>
<td class="ax">
<div class="general">
<span class="type">Role: </span><code>AXImageMap</code> if used as an image map. Otherwise,<br>
<span class="type">Role: </span><code>AXGroup</code> if associated with an <code>img</code> with no <code>alt</code>. Otherwise,<br>
not mapped if not associated with an <code>img</code>.
</div>
</td>
<td class="comments"></td>
</tr>
<tr tabindex="-1" id="el-mark">
<th><a href="https://www.w3.org/TR/html/textlevel-semantics.html#the-mark-element"><code>mark</code></a></th>
<td class="aria">No corresponding role</td>
<td class="ia2"><div class="general"><span class="role"><span class="type">Role: </span> <code>IA2_ROLE_TEXT_FRAME</code></span></div>
<p><span class="objattrs"><span class="type">Object attributes: </span></span><code>xml-roles:mark</code></p>
<p><span class="general">Styles used are mapped to text attributes on the accessible object.</span></p>
<p><span class="ifaces"><span class="type">Interfaces: </span> <code>IAccessibleText2</code>; <code>IAccessibleHypertext2</code>;</span></p></td>
<td class="ia2">
<div class="general">
<span class="role">
<span class="type">Role: </span> <code>IA2_ROLE_TEXT_FRAME</code>
</span>
</div>
<p>
<span class="objattrs"><span class="type">Object attributes: </span></span><code>xml-roles:mark</code>
</p>
<p>
<span class="general">Styles used are mapped to text attributes on the accessible object.</span>
</p>
<p>
<span class="ifaces"><span class="type">Interfaces: </span> <code>IAccessibleText2</code>; <code>IAccessibleHypertext2</code>;</span>
</p>
</td>
<td class="uia">
<div class="ctrltype"> <span class="type">Control Type: </span><code>Text</code> </div>
<div class="ctrltype"> <span class="type">Localized Control Type: </span><code>"mark"</code> </div>
<div class="ctrltype">
<span class="type">Control Type: </span><code>Text</code>
</div>
<div class="ctrltype">
<span class="type">Localized Control Type: </span><code>"mark"</code>
</div>
</td>
<td class="atk"><div class="general">
<p class="role"><span class="type">Role: </span> <code>ATK_ROLE_STATIC</code></p>
<p class="role">
<span class="type">Role: </span> <code>ATK_ROLE_STATIC</code>
</p>
</div>
<p><span class="objattrs"><span class="type">Object attributes: </span></span><code>xml-roles:mark</code></p>
<p><span class="general">Styles used are mapped to text attributes on the accessible object.</span></p>
<div class="ifaces"> <span class="type">Interfaces: </span> <code>AtkText</code>; <code>AtkHypertext</code></div>
<p></p></td>
<td class="ax"><div class="role"> <span class="type">AXRole: </span><code>AXGroup</code></div>
<div class="subrole"> <span class="type">AXSubrole: </span><code>(nil)</code></div>
<div class="roledesc"> <span class="type">AXRoleDescription: </span><code>"highlighted content"</code></div></td>
<td class="comments"></td>
<p>
<span class="objattrs"><span class="type">Object attributes: </span></span><code>xml-roles:mark</code>
</p>
<p>
<span class="general">Styles used are mapped to text attributes on the accessible object.</span>
</p>
<div class="ifaces">
<span class="type">Interfaces: </span> <code>AtkText</code>; <code>AtkHypertext</code>
</div>
</td>
<td class="ax">
<div class="role">
<span class="type">AXRole: </span><code>AXGroup</code>
</div>
<div class="subrole">
<span class="type">AXSubrole: </span><code>(nil)</code>
</div>
<div class="roledesc">
<span class="type">AXRoleDescription: </span><code>"highlighted content"</code>
</div>
</td>
<td class="comments"></td>
</tr>
<tr tabindex="-1" id="el-math">
<th><a href="https://www.w3.org/TR/html/semantics-embedded-content.html#mathml"><code>math</code></a></th>
Expand Down Expand Up @@ -5823,7 +5866,7 @@ <h3><code>img</code> Element</h3>
<h4><code>img</code> Element Accessible Name Computation</h4>
<ol>
<li>
If the <code>img</code> element has an <a href="https://www.w3.org/TR/wai-aria-1.1/#aria-label"><code>aria-label</code></a> or an <a href="https://www.w3.org/TR/wai-aria-1.1/#aria-labelledby"><code>aria-labelledby</code></a> attribute the <a class="termref">accessible name</a> is to be calculated using the algorithm defined in <a href="" class="accname">Accessible Name and Description: Computation and API Mappings 1.1</a>.
If the <code>img</code> element has an <a href="https://www.w3.org/TR/wai-aria-1.1/#aria-label"><code>aria-label</code></a> or an <a href="https://www.w3.org/TR/wai-aria-1.1/#aria-labelledby"><code>aria-labelledby</code></a> attribute the <a class="termref">accessible name</a> is to be calculated using the algorithm defined in <a href="" class="accname">Accessible Name and Description: Computation and API Mappings 1.1</a>.
</li>
<li>Otherwise use <code>alt</code> attribute.</li>
<li>Otherwise use <code>title</code> attribute.</li>
Expand Down Expand Up @@ -5940,6 +5983,36 @@ <h4><code>a</code> Element Accessible Description Computation</h4>
</ol>
</section>
</section>
<section>
<h3><code>area</code> Element</h3>
<section>
<h4><code>area</code> Element Accessible Name Computation</h4>
<ol>
<li>
If the <code>area</code> element has an <a href="https://www.w3.org/TR/wai-aria-1.1/#aria-label"><code>aria-label</code></a> or an <a href="https://www.w3.org/TR/wai-aria-1.1/#aria-labelledby"><code>aria-labelledby</code></a> attribute the <a class="termref">accessible name</a> is to be calculated using the algorithm defined in <a href="" class="accname">Accessible Name and Description: Computation and API Mappings 1.1</a>.
</li>
<li>Otherwise use <code>area</code> element's <code>alt</code> attribute.</li>
<li>Otherwise use the <code>title</code> attribute.</li>
<li>
If none of the above yield a usable text string there is no <a class="termref">accessible name</a>.
</li>
</ol>
</section>
<section>
<h4><code>area</code> Element Accessible Description Computation</h4>
<ol>
<li>
If the element has an <a href="https://www.w3.org/TR/wai-aria-1.1/#aria-describedby"><code>aria-describedby</code></a> attribute the <a class="termref">accessible description</a> is to be calculated using the algorithm defined in <a href="" class="accname">Accessible Name and Description: Computation and API Mappings 1.1</a>.
</li>
<li>
Otherwise use the <code>title</code> attribute if it wasn't used as the <a class="termref">accessible name</a>.
</li>
<li>
If none of the above yield a usable text string there is no <a class="termref">accessible description</a>.
</li>
</ol>
</section>
</section>
<section>
<h3><code>iframe</code> Element</h3>
<section>
Expand Down Expand Up @@ -6065,6 +6138,7 @@ <h3>Change Log</h3>
<section>
<h4>Substantive changes since moving entirely to the Web Application Working Group (formerly Web Platform WG) (01-Oct-2016)</h4>
<ul>
<li>21-May-2019: Update AXAPI mappings for <code>map</code> element. Add accessible name and description computation for <code>area</code>. See <a href="https://github.com/w3c/html-aam/issues/176">GitHub issue #176</a>.</li>
<li>11-Apr-2019: Update UIA mappings for <code>sub</code> and <code>sup</code> elements. See <a href="https://github.com/w3c/html-aam/pull/177">Pull request #177</a>.</li>
<li>20-Mar-2019: Updated IA2 mappings for <code>sup</code> and <code>sub</code> elements. See <a href="https://github.com/w3c/html-aam/issues/174">GitHub issue #174</a>.</li>
<li>26-Feb-2019: Updated mappings for the <code>address</code> element. See <a href="https://github.com/w3c/html-aam/issues/170">GitHub issue #170</a>.</li>
Expand Down

0 comments on commit 96385da

Please sign in to comment.