Google Git
Sign in
chromium / external / w3c / web-platform-tests / 2602e04182050cd9e5c73d187447985eb5e2e88c / . / html-aam / roles.html
blob: 7cfb2852c23ad89c415dbaf9b9c915314c34dc04 [file] [log] [blame]
James Craigdc091ce2023-04-17 17:26:38[diff] [blame]1<!doctype html>
2<html>
3<head>
4 <title>HTML-AAM Role Verification Tests</title>
5 <script src="/resources/testharness.js"></script>
6 <script src="/resources/testharnessreport.js"></script>
7 <script src="/resources/testdriver.js"></script>
8 <script src="/resources/testdriver-vendor.js"></script>
9 <script src="/resources/testdriver-actions.js"></script>
10 <script src="/wai-aria/scripts/aria-utils.js"></script>
11</head>
12<body>
13
James Craig93efd042023-05-30 18:18:49[diff] [blame]14
James Craigf4f1cbc2023-08-16 22:51:04[diff] [blame]15<p>Tests the computedrole mappings defined in <a href="https://w3c.github.io/html-aam/">HTML-AAM</a>. Most test names correspond to a unique ID defined in the spec.<p>
James Craig93efd042023-05-30 18:18:49[diff] [blame]16
17<p>These should remain in alphabetical order, and include all HTML tagnames. If a tag is not tested here, include a pointer to the file where it is tested, such as: <code>&lt;!-- caption -&gt; ./table-roles.html --&gt;</code></p>
James Craigdc091ce2023-04-17 17:26:38[diff] [blame]18
James Craigf4f1cbc2023-08-16 22:51:04[diff] [blame]19
20<!-- a (w/ and w/o href) -> ./roles-contextual.html -->
James Craigdc091ce2023-04-17 17:26:38[diff] [blame]21<!-- todo: abbr -->
22<address data-testname="el-address" data-expectedrole="group" class="ex">x</address>
23<!-- area -> ./fragile/area-role.html -->
24<article data-testname="el-article" data-expectedrole="article" class="ex">x</article>
James Craigf4f1cbc2023-08-16 22:51:04[diff] [blame]25<!-- aside -> ./roles-contextual.html -->
James Craigdc091ce2023-04-17 17:26:38[diff] [blame]26<!-- todo: audio -->
27<!-- todo: autonomous custom element -->
James Craigf4f1cbc2023-08-16 22:51:04[diff] [blame]28<!-- b -> ./roles-generic.html -->
James Craigdc091ce2023-04-17 17:26:38[diff] [blame]29<!-- base (not mapped) -->
James Craigf4f1cbc2023-08-16 22:51:04[diff] [blame]30<!-- bdi -> ./roles-generic.html -->
31<!-- bdo -> ./roles-generic.html -->
James Craigdc091ce2023-04-17 17:26:38[diff] [blame]32<blockquote data-testname="el-blockquote" data-expectedrole="blockquote" class="ex">x</blockquote>
33<!-- todo: body -->
34<!-- br (not mapped) -->
35<button data-testname="el-button" data-expectedrole="button" class="ex">x</button>
36<!-- todo: canvas -->
37<!-- caption -> ./table-roles.html -->
38<!-- todo: cite -->
39<code data-testname="el-code" data-expectedrole="code" class="ex">x</code>
40<!-- todo: col -->
41<!-- todo: colgroup -->
James Craigf4f1cbc2023-08-16 22:51:04[diff] [blame]42<!-- data -> ./roles-generic.html -->
James Craigdc091ce2023-04-17 17:26:38[diff] [blame]43<!-- todo: datalist -->
44
45<!-- el-dd -->
46<dl>
47 <dt>x</dt>
48 <dd data-testname="el-dd" data-expectedrole="definition" class="ex">x</dd>
49</dl>
50
51<del data-testname="el-del" data-expectedrole="deletion" class="ex">x</del>
52<details data-testname="el-details" data-expectedrole="group" class="ex"><summary>x</summary>x</details>
53<dfn data-testname="el-dfn" data-expectedrole="term" class="ex">x</dfn>
James Craigf4f1cbc2023-08-16 22:51:04[diff] [blame]54<!-- div -> ./roles-generic.html -->
James Craigdc091ce2023-04-17 17:26:38[diff] [blame]55<!-- todo: dl -->
56
57<!-- el-dt -->
58<dl>
59 <dt data-testname="el-dt" data-expectedrole="term" class="ex">x</dt>
60 <dd>x</dd>
61</dl>
62
63<em data-testname="el-em" data-expectedrole="emphasis" class="ex">x</em>
64<!-- todo: embed -->
65<fieldset data-testname="el-fieldset" data-expectedrole="group" class="ex"><legend>x</legend><input></fieldset>
66<!-- todo: figcaption -->
James Craig09ad3672023-11-13 22:33:16[diff] [blame]67<figure data-testname="el-figure" data-expectedrole="figure" class="ex"><img alt="x" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="><figcaption>x</figcaption></figure>
James Craigf4f1cbc2023-08-16 22:51:04[diff] [blame]68<!-- footer -> ./roles-contextual.html -->
James Craigdc091ce2023-04-17 17:26:38[diff] [blame]69<form data-testname="el-form" data-expectedrole="form" class="ex"><input></form>
70<!-- todo: form-associated custom element -->
71
72<!-- el-h1-h6 -->
73<h1 data-testname="el-h1" data-expectedrole="heading" class="ex">x</h1>
74<h2 data-testname="el-h2" data-expectedrole="heading" class="ex">x</h2>
75<h3 data-testname="el-h3" data-expectedrole="heading" class="ex">x</h3>
76<h4 data-testname="el-h4" data-expectedrole="heading" class="ex">x</h4>
77<h5 data-testname="el-h5" data-expectedrole="heading" class="ex">x</h5>
78<h6 data-testname="el-h6" data-expectedrole="heading" class="ex">x</h6>
79
80<!-- head (not mapped) -->
81
James Craigf4f1cbc2023-08-16 22:51:04[diff] [blame]82<!-- header -> ./roles-contextual.html -->
James Craigdc091ce2023-04-17 17:26:38[diff] [blame]83<hgroup data-testname="el-hgroup" data-expectedrole="group" class="ex"><h1>x</h1></hgroup>
84<hr data-testname="el-hr" data-expectedrole="separator" class="ex">
85<!-- todo: html -->
James Craigf4f1cbc2023-08-16 22:51:04[diff] [blame]86<!-- i -> ./roles-generic.html -->
James Craigdc091ce2023-04-17 17:26:38[diff] [blame]87<!-- todo: iframe -->
James Craig09ad3672023-11-13 22:33:16[diff] [blame]88<img alt="x" data-testname="el-img" data-expectedrole="image" class="ex" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
James Craigdc091ce2023-04-17 17:26:38[diff] [blame]89
90<!-- Implementations might also be valid if ignored rather than returning 'none' for the following images. -->
James Craig09ad3672023-11-13 22:33:16[diff] [blame]91<img alt data-testname="el-img-alt-no-value" class="ex-generic" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
92<img alt="" data-testname="el-img-empty-alt" class="ex-generic" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
James Craigdc091ce2023-04-17 17:26:38[diff] [blame]93
94<input type="button" value="x" data-testname="el-input-button" data-expectedrole="button" class="ex">
95<input type="checkbox" data-testname="el-input-checkbox" data-expectedrole="checkbox" class="ex">
96<!-- todo: input type="color" -->
97<!-- todo: input type="date" -->
98<!-- todo: input type="datetime" -->
99<!-- todo: input type="datetime-local" -->
100<input type="email" data-testname="el-input-email" data-expectedrole="textbox" class="ex">
101<!-- todo: input type="file" -->
102<!-- input type="hidden" (not mapped) -->
103<!-- todo: input type="month" -->
104
105<!-- Blocked: HTML-AAM Issue #467 -->
106<!-- <input type="number" data-testname="el-input-number" data-expectedrole="spinbutton" class="ex"> -->
107
108<!-- todo: input type="password" -->
109<input type="radio" data-testname="el-input-radio" data-expectedrole="radio" class="ex">
110<input type="range" data-testname="el-input-range" data-expectedrole="slider" class="ex">
111<input type="reset" value="x" data-testname="el-input-reset" data-expectedrole="button" class="ex">
112<input type="search" data-testname="el-input-search" data-expectedrole="searchbox" class="ex">
113<input type="submit" value="x" data-testname="el-input-submit" data-expectedrole="button" class="ex">
114<input type="tel" data-testname="el-input-tel" data-expectedrole="textbox" class="ex">
115<input type="text" data-testname="el-input-text" data-expectedrole="textbox" class="ex">
116<!-- todo: input (type attribute in the Text, Search, Telephone, URL, or E-mail states with a suggestions source element) -->
117<!-- todo: input type="time" -->
118<input type="url" data-testname="el-input-url" data-expectedrole="textbox" class="ex">
119<!-- todo: input type="week" -->
120<ins data-testname="el-ins" data-expectedrole="insertion" class="ex">x</ins>
121<!-- todo: kbd -->
122<!-- todo: label -->
123<!-- todo: legend -->
124
125<!-- el-li -->
James Craigf4f1cbc2023-08-16 22:51:04[diff] [blame]126<!-- li (orphaned) -> ./roles-generic.html -->
James Craigdc091ce2023-04-17 17:26:38[diff] [blame]127<ul><li data-testname="el-li-in-ul" data-expectedrole="listitem" class="ex">x</li><li>x</li></ul>
128<ol><li data-testname="el-li-in-ol" data-expectedrole="listitem" class="ex">x</li><li>x</li></ol>
129
130<!-- link (not mapped) -->
131<main data-testname="el-main" data-expectedrole="main" class="ex">x</main>
132<!-- map (not mapped) -->
133<mark data-testname="el-mark" data-expectedrole="mark" class="ex">x</mark>
134<!-- todo: math -->
135<menu data-testname="el-menu" data-expectedrole="list" class="ex"><li>x</li></menu>
136<!-- meta (not mapped) -->
137<meter data-testname="el-meter" data-expectedrole="meter" class="ex" min="0" max="100" low="20" high="80" optimum="60" value="50">x</meter>
138<nav data-testname="el-nav" data-expectedrole="navigation" class="ex">x</nav>
139<!-- noscript (not mapped) -->
140<!-- object (not mapped) -->
141<ol data-testname="el-ol" data-expectedrole="list" class="ex"><li>x</li><li>x</li></ol>
142
143<!-- optgroup -> ./fragile/optgroup-role.html -->
144
145<!-- option -->
146<select>
147 <option data-testname="el-option" data-expectedrole="option" class="ex">x</option>
148 <option>x</option>
149</select>
150
151<output data-testname="el-output" data-expectedrole="status" class="ex">x</output>
152<p data-testname="el-p" data-expectedrole="paragraph" class="ex">x</p>
153<!-- param (not mapped) -->
154<!-- todo: picture -->
James Craigf4f1cbc2023-08-16 22:51:04[diff] [blame]155<!-- pre -> ./roles-generic.html -->
James Craigdc091ce2023-04-17 17:26:38[diff] [blame]156<progress data-testname="el-progress" data-expectedrole="progressbar" class="ex">x</progress>
James Craigf4f1cbc2023-08-16 22:51:04[diff] [blame]157<!-- q -> ./roles-generic.html -->
James Craigdc091ce2023-04-17 17:26:38[diff] [blame]158<!-- todo: rp -> /ruby-aam? -->
159<!-- todo: rt -> /ruby-aam? -->
160<!-- todo: ruby -> /ruby-aam? -->
161<s data-testname="el-s" data-expectedrole="deletion" class="ex">x</s>
James Craigf4f1cbc2023-08-16 22:51:04[diff] [blame]162<!-- samp -> ./roles-generic.html -->
James Craigdc091ce2023-04-17 17:26:38[diff] [blame]163<!-- script (not mapped) -->
164<search data-testname="el-search" data-expectedrole="search" class="ex">x</search>
James Craigf4f1cbc2023-08-16 22:51:04[diff] [blame]165<!-- section -> ./roles-contextual.html -->
James Craigdc091ce2023-04-17 17:26:38[diff] [blame]166
167<!-- Blocked: HTML-AAM Issue #467 -->
168<!-- <select data-testname="el-select-combobox" data-expectedrole="combobox" class="ex"><option>a1</option><option>a2</option></select>-->
169
170<select data-testname="el-select-listbox" size="2" data-expectedrole="listbox" class="ex"><option>b1</option><option>b2</option></select>
171
172<!-- slot (not mapped) -->
James Craigf4f1cbc2023-08-16 22:51:04[diff] [blame]173<!-- small -> ./roles-generic.html -->
James Craigdc091ce2023-04-17 17:26:38[diff] [blame]174<!-- source (not mapped) -->
James Craigf4f1cbc2023-08-16 22:51:04[diff] [blame]175<!-- span -> ./roles-generic.html -->
James Craigdc091ce2023-04-17 17:26:38[diff] [blame]176<strong data-testname="el-strong" data-expectedrole="strong" class="ex">x</strong>
177<!-- style (not mapped) -->
178<sub data-testname="el-sub" data-expectedrole="subscript" class="ex">x</sub>
179<!-- todo: summary -->
180<sup data-testname="el-sup" data-expectedrole="superscript" class="ex">x</sup>
181<!-- todo: svg (see /graphics-aam and /svg-aam tests) -->
182<!-- table -> ./table-roles.html -->
183<!-- tbody -> ./table-roles.html -->
184<!-- td -> ./table-roles.html -->
185<!-- template (not mapped) -->
186<!-- tfoot -> ./table-roles.html -->
187<!-- th -> ./table-roles.html -->
188<!-- thead -> ./table-roles.html -->
189<time data-testname="el-time" data-expectedrole="time" class="ex">x</time>
190<!-- title (not mapped) -->
191<!-- tr -> ./table-roles.html -->
192<textarea data-testname="el-textarea" data-expectedrole="textbox" class="ex">x</textarea>
193<!-- track (not mapped) -->
James Craigf4f1cbc2023-08-16 22:51:04[diff] [blame]194<!-- u -> ./roles-generic.html -->
James Craigdc091ce2023-04-17 17:26:38[diff] [blame]195<ul data-testname="el-ul" data-expectedrole="list" class="ex"><li>x</li><li>x</li></ul>
196<!-- var (not mapped) -->
197<!-- todo: video -->
198<!-- wbr (not mapped) -->
199
200<script>
201AriaUtils.verifyRolesBySelector(".ex");
James Craig7177c462023-10-10 14:37:28[diff] [blame]202AriaUtils.verifyGenericRolesBySelector(".ex-generic");
James Craigdc091ce2023-04-17 17:26:38[diff] [blame]203</script>
204
205</body>
206</html>