1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
|
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
"use strict";
addAccessibleTask(
`
<div id="ariaButton" role="button">ARIA button</div>
<div id="ariaLog" role="log">ARIA log</div>
<div id="ariaMain" role="main">ARIA main</div>
<div id="ariaRegion" role="region" aria-label="ARIA region">ARIA region</div>
<nav id="ariaUnnamedRegion" role="region">ARIA unnamed region</nav>
<div id="ariaDirectory" role="directory">ARIA directory</div>
<div id="ariaAlertdialog" role="alertdialog">ARIA alertdialog</div>
<div id="ariaFeed" role="feed">ARIA feed</div>
<div id="ariaRowgroup" role="rowgroup">ARIA rowgroup</div>
<div id="ariaSearchbox" role="searchbox">ARIA searchbox</div>
<div id="ariaUnknown" role="unknown">unknown ARIA role</div>
<button id="htmlButton">HTML button</button>
<button id="toggleButton" aria-pressed="true">toggle button</button>
<main id="htmlMain">HTML main</main>
<header id="htmlHeader">HTML header</header>
<section id="htmlSection">
<header id="htmlSectionHeader">HTML header inside section</header>
</section>
<section id="htmlRegion" aria-label="HTML region">HTML region</section>
<fieldset id="htmlFieldset">HTML fieldset</fieldset>
<table>
<tbody id="htmlTbody" tabindex="-1"><tr><th>HTML tbody</th></tr></tbody>
</table>
<table role="grid">
<tr>
<td id="htmlGridcell">HTML implicit gridcell</td>
</tr>
</table>
<div id="htmlDiv">HTML div</div>
<span id="htmlSpan" aria-label="HTML span">HTML span</span>
<iframe id="iframe"></iframe>
`,
async function (browser, docAcc) {
function testComputedARIARole(id, role) {
const acc = findAccessibleChildByID(docAcc, id);
is(acc.computedARIARole, role, `computedARIARole for ${id} is correct`);
}
testComputedARIARole("ariaButton", "button");
testComputedARIARole("ariaLog", "log");
// Landmarks map to a single Gecko role.
testComputedARIARole("ariaMain", "main");
testComputedARIARole("ariaRegion", "region");
// Unnamed ARIA regions should ignore the ARIA role.
testComputedARIARole("ariaUnnamedRegion", "navigation");
// The directory ARIA role is an alias of list.
testComputedARIARole("ariaDirectory", "list");
// alertdialog, feed, rowgroup and searchbox map to a Gecko role, but it
// isn't unique.
testComputedARIARole("ariaAlertdialog", "alertdialog");
testComputedARIARole("ariaFeed", "feed");
testComputedARIARole("ariaRowgroup", "rowgroup");
testComputedARIARole("ariaSearchbox", "searchbox");
testComputedARIARole("ariaUnknown", "generic");
testComputedARIARole("htmlButton", "button");
// There is only a single ARIA role for buttons, but Gecko uses different
// roles depending on states.
testComputedARIARole("toggleButton", "button");
testComputedARIARole("htmlMain", "main");
testComputedARIARole("htmlHeader", "banner");
// <section> only maps to the region ARIA role if it has a label.
testComputedARIARole("htmlSection", "generic");
// <header> only maps to the banner role if it is not a child of a
// sectioning element.
testComputedARIARole("htmlSectionHeader", "generic");
testComputedARIARole("htmlRegion", "region");
// Gecko doesn't have a rowgroup role. Ensure we differentiate for
// computedARIARole.
testComputedARIARole("htmlFieldset", "group");
testComputedARIARole("htmlTbody", "rowgroup");
// <td> inside <table role="grid"> implicitly maps to ARIA gridcell.
testComputedARIARole("htmlGridcell", "gridcell");
// Test generics.
testComputedARIARole("htmlDiv", "generic");
testComputedARIARole("htmlSpan", "generic");
// Some roles can't be mapped to ARIA role tokens.
testComputedARIARole("iframe", "");
},
{ chrome: true, topLevel: true }
);
|
