Skip to content

Commit

Permalink
input@type=color mappings / issue #48
Browse files Browse the repository at this point in the history
  • Loading branch information
@jasonkiss
jasonkiss committed Jan 8, 2018
1 parent d734538 commit fd1e1c2
Showing 1 changed file with 37 additions and 46 deletions.
83 changes: 37 additions & 46 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1608,52 +1608,6 @@ <h3>HTML Element Role Mappings</h3>
<td class="ax"><div class="general">Use WAI-ARIA mapping</div></td>
<td class="comments"></td>
</tr>
<tr tabindex="-1" id="el-input-color">
<th><a href="https://www.w3.org/TR/html/sec-forms.html#the-input-element"><code>input</code></a> <span class="el-context">(<a href="https://www.w3.org/TR/html/sec-forms.html#element-attrdef-input-type"><code>type</code></a> attribute in the <a href="https://www.w3.org/TR/html/sec-forms.html#color-state-typecolor">Color</a> state)</span></th>
<td class="aria">No corresponding role</td>
<td class="ia2">
<div class="role">
<span class="type">Roles: </span><code>ROLE_SYSTEM_TEXT</code> if implemented as a textbox; <code>IA2_ROLE_COLOR_CHOOSER</code> if implemented as a color picker
</div>
</td>
<td class="uia">
<div class="general">If implemented as a textbox:</div>
<div class="ctrltype"><span class="type">Control Type: </span><code>Edit</code></div>
<div class="general">If implemented as a color picker:</div>
<div class="properties"><span class="type">Localized Control Type: </span> "color picker"</div>
<div class="ctrlpattern"><span class="type">Control Pattern: </span><code>Selection</code> for the container and <code>SelectionItem</code> for each color choice
</div>
</td>
<td class="atk">
<div class="role">
<span class="type">Role: </span>
<code>ATK_ROLE_COLOR_CHOOSER</code>
</div>
</td>
<td class="ax">
<div class="general">If implemented as a textbox:</div>
<div class="role">
<span class="type">AXRole: </span><code>AXTextField</code>
</div>
<div class="subrole">
<span class="type">AXSubrole: </span><code>(nil)</code>
</div>
<div class="roledesc">
<span class="type">AXRoleDescription: </span><code>"textfield"</code>
</div>
<div class="general">If implemented as a color picker:</div>
<div class="role">
<span class="type">AXRole: </span><code>AXColorWell</code>
</div>
<div class="subrole">
<span class="type">AXSubrole: </span><code>(nil)</code>
</div>
<div class="roledesc">
<span class="type">AXRoleDescription: </span><code>"color chooser"</code>
</div>
</td>
<td class="comments"></td>
</tr>
<tr tabindex="-1" id="el-input-checkbox">
<th><a href="https://www.w3.org/TR/html/sec-forms.html#the-input-element"><code>input</code></a> <span class="el-context">(<a href="https://www.w3.org/TR/html/sec-forms.html#element-attrdef-input-type"><code>type</code></a> attribute in the <a href="https://www.w3.org/TR/html/sec-forms.html#checkbox-state-typecheckbox">Checkbox</a> state)</span></th>
<td class="aria"><a class="core-mapping" href="#role-map-checkbox"><code>checkbox</code></a> role, with the <a class="core-mapping" href="#ariaCheckedMixed"><code>aria-checked</code></a> state set to "mixed" if the element's <code>indeterminate</code> IDL attribute is true, or "true" if the element's <a href="https://www.w3.org/TR/html/sec-forms.html#forms-checkedness">checkedness</a> is true, or "false" otherwise </td>
Expand All @@ -1672,6 +1626,42 @@ <h3>HTML Element Role Mappings</h3>
<td class="ax"><div class="general">Use WAI-ARIA mapping</div></td>
<td class="comments"></td>
</tr>
<tr tabindex="-1" id="el-input-color">
<th><a href="https://www.w3.org/TR/html/sec-forms.html#the-input-element"><code>input</code></a> <span class="el-context">(<a href="https://www.w3.org/TR/html/sec-forms.html#element-attrdef-input-type"><code>type</code></a> attribute in the <a href="https://www.w3.org/TR/html/sec-forms.html#color-state-typecolor">Color</a> state)</span></th>
<td class="aria">No corresponding role</td>
<td class="ia2">
<div class="general">If implemented as a textbox:</div>
<div class="role"><span class="type">Roles: </span><code>ROLE_SYSTEM_TEXT</code></div>
<div class="general">If implemented as a color picker:</div>
<div class="role"><span class="type">Roles: </span><code>IA2_ROLE_COLOR_CHOOSER</code></div>
</td>
<td class="uia">
<div class="general">If implemented as a textbox:</div>
<div class="ctrltype"><span class="type">Control Type: </span><code>Edit</code></div>
<div class="properties"><span class="type">Localized Control Type: </span> "edit"</div>
<div class="general">If implemented as a color picker:</div>
<div class="ctrltype"><span class="type">Control Type: </span><code>Button</code></div>
<div class="properties"><span class="type">Localized Control Type: </span> "Color Picker"</div>
<!-- <div class="ctrlpattern"><span class="type">Control Pattern: </span><code>Selection</code> for the container and <code>SelectionItem</code> for each color choice</div> -->
</td>
<td class="atk">
<div class="general">Implemented as a color picker:</div>
<div class="role"><span class="type">Role: </span><code>ATK_ROLE_COLOR_CHOOSER</code></div>
</td>
<td class="ax">
<div class="general">If implemented as a textbox:</div>
<div class="role"><span class="type">AXRole: </span><code>AXTextField</code></div>
<div class="subrole"><span class="type">AXSubrole: </span><code>(nil)</code></div>
<div class="roledesc"><span class="type">AXRoleDescription: </span><code>"text field"</code></div>
<div class="general">If implemented as a color picker:</div>
<div class="role"><span class="type">AXRole: </span><code>AXColorWell</code></div>
<div class="subrole"><span class="type">AXSubrole: </span><code>(nil)</code></div>
<div class="roledesc"><span class="type">AXRoleDescription: </span><code>"color well"</code></div>
</td>
<td class="comments">
<div class="general">If implemented as a color picker, any UI controls presented for selecting a color are exposed in the <a class="termref">accessibility tree</a>, associated with the <code>input</code> element, and mapped as appropriate for the type of control (e.g. button or slider).</div>
</td>
</tr>
<tr tabindex="-1" id="el-input-date">
<th><a href="https://www.w3.org/TR/html/sec-forms.html#the-input-element"><code>input</code></a> <span class="el-context">(<a href="https://www.w3.org/TR/html/sec-forms.html#element-attrdef-input-type"><code>type</code></a> attribute in the <a href="https://www.w3.org/TR/html/sec-forms.html#date-state-typedate">Date</a> state)</span></th>
<td class="aria">No corresponding role</td>
Expand Down Expand Up @@ -5914,6 +5904,7 @@ <h3>Change Log</h3>
<section>
<h4>Substantive changes since moving entirely to the Web Platform Working Group (01-Oct-2016)</h4>
<ul>
<li>08-Jan-2018: Updated mappings for the <code>input</code> element with the <code>type</code> attribute in the Color state. See <a href="https://github.com/w3c/html-aam/issues/48">GitHub issue #48</a>.</li>
<li>06-Jan-2018: Updated IA2 mappings for the <code>pre</code>, <code>q</code>, and <code>ruby</code> elements, and the <code>multiple</code> attribute for the <code>input</code> element. See <a href="https://github.com/w3c/html-aam/issues/94">GitHub issue #94</a>.</li>
<li>18-Dec-2017: Rewrote first paragraph in Introduction</> to better reflect the relationship between the HTML-AAM and CORE-AAM specifications. See <a href="https://github.com/w3c/html-aam/issues/66">GitHub issue #66</a>.</li>
<li>18-Dec-2017: Updated <code>readonly</code> attribute to use <code>aria-readonly="true"</code> WAI-ARIA mappings. See <a href="https://github.com/w3c/html-aam/issues/93">GitHub issue #93</a>.</li>
Expand Down

0 comments on commit fd1e1c2

Please sign in to comment.