- commit
- f2d0aeb3c33b18dd77b9d66160154997687a7180
- parent
- e52d6c251d0f1245e5cd24b7d371573cf831946c
- Author
- Tobias Bengfort <tobias.bengfort@posteo.de>
- Date
- 2025-06-19 23:44
update wpt
Diffstat
| M | test/test-wpt.js | 29 | +++++++++++++++++++++++++++++ |
| M | test/wpt.js | 1457 | +++++++++++++++++++++++++++++++------------------------------ |
2 files changed, 767 insertions, 719 deletions
diff --git a/test/test-wpt.js b/test/test-wpt.js
@@ -26,6 +26,30 @@ describe('wpt', () => {
26 26 'fallback role w/ region with no label',
27 27 'form without label',
28 28 'region without label',
-1 29 'role-map-region-nameless',
-1 30 'role-map-region-aria-label-empty',
-1 31 'role-map-region-aria-label-whitespace',
-1 32 'role-map-region-aria-labelledby-non-existing',
-1 33 'role-map-region-aria-labelledby-empty',
-1 34 'role-map-region-aria-labelledby-whitespace',
-1 35 'role-map-region-title-empty',
-1 36 'role-map-region-title-whitespace',
-1 37 'el-img-empty-alt-aria-label',
-1 38 'el-img-empty-alt-aria-labelledby',
-1 39 'el-aside-in-section-aria-label-empty',
-1 40 'el-aside-in-section-aria-label-whitespace',
-1 41 'el-aside-in-section-aria-labelledby-non-existing',
-1 42 'el-aside-in-section-aria-labelledby-empty',
-1 43 'el-aside-in-section-aria-labelledby-whitespace',
-1 44 'el-aside-in-section-title-empty',
-1 45 'el-aside-in-section-title-whitespace',
-1 46 'el-section-aria-label-empty',
-1 47 'el-section-aria-label-whitespace',
-1 48 'el-section-aria-labelledby-non-existing',
-1 49 'el-section-aria-labelledby-empty',
-1 50 'el-section-aria-labelledby-whitespace',
-1 51 'el-section-title-empty',
-1 52 'el-section-title-whitespace',
29 53
30 54 // role conflicts
31 55 'focusable heading role none with tabindex=-1',
@@ -75,6 +99,11 @@ describe('wpt', () => {
75 99 'checkbox label with embedded combobox (span)',
76 100 'checkbox label with embedded combobox (div)',
77 101
-1 102 // no way to get counter in JS
-1 103 'button with alt counter on ::before',
-1 104 'heading with alt counter on ::before',
-1 105 'link with alt counter on ::before',
-1 106
78 107 // hidden not directly referenced
79 108 'button\'s hidden referenced name (display:none) supercedes aria-label',
80 109 'button\'s hidden referenced name (visibility:hidden) supercedes aria-label',
diff --git a/test/wpt.js b/test/wpt.js
@@ -1,60 +1,60 @@ 1 1 window.wpt = window.wpt || {}; 2 2 window.wpt["accname"] = [ 3 3 {4 -1 "filename": "description_test_case_666-manual.html",5 -1 "title": "Description test case 666",6 -1 "html": "<p>This test examines the ARIA properties for Description test case 666.</p>\n <div>\n <img id=\"test\" aria-describedby=\"ID1\" src=\"test.png\">\n </div>\n <div id=\"ID1\" role=\"presentation\">foo</div>",-1 4 "filename": "name_test_case_615-manual.html", -1 5 "title": "Name test case 615", -1 6 "html": "<p>This test examines the ARIA properties for Name test case 615.</p>\n <input type=\"file\" id=\"test\">\n <label for=\"test\">foo</label>", 7 7 "selector": "#test",8 -1 "description": "foo"-1 8 "name": "foo" 9 9 }, 10 10 {11 -1 "filename": "name_test_case_756-manual.html",12 -1 "title": "Name test case 756",13 -1 "html": "<p>This test examines the ARIA properties for Name test case 756.</p>\n <style>\n label:before { content:\"fancy \"; }\n </style>\n <label for=\"test\">fruit</label>\n <input type=\"file\" id=\"test\"/>",-1 11 "filename": "description_test_case_838-manual.html", -1 12 "title": "Description test case 838", -1 13 "html": "<p>This test examines the ARIA properties for Description test case 838.</p>\n <img src=\"foo.jpg\" id=\"test\" alt=\"test\" aria-describedby=\"t1\">\n <div id=\"t1\" style=\"visibility:hidden\">foo</div>", 14 14 "selector": "#test",15 -1 "name": "fancy fruit"-1 15 "description": "foo" 16 16 }, 17 17 {18 -1 "filename": "name_radio-label-embedded-combobox-manual.html",19 -1 "title": "Name radio-label-embedded-combobox",20 -1 "html": "<p>This test examines the ARIA properties for Name radio-label-embedded-combobox.</p>\n <input type=\"radio\" id=\"test\" />\n <label for=\"test\">Flash the screen\n <div role=\"combobox\">\n <div role=\"textbox\"></div>\n <ul role=\"listbox\" style=\"list-style-type: none;\">\n <li role=\"option\" aria-selected=\"true\">1</li>\n <li role=\"option\">2</li>\n <li role=\"option\">3</li>\n </ul>\n </div>\n times.\n </label>",-1 18 "filename": "name_test_case_724-manual.html", -1 19 "title": "Name test case 724", -1 20 "html": "<p>This test examines the ARIA properties for Name test case 724.</p>\n <label for=\"test\">States:</label>\n <input type=\"radio\" id=\"test\"/>", 21 21 "selector": "#test",22 -1 "name": "Flash the screen 1 times."-1 22 "name": "States:" 23 23 }, 24 24 {25 -1 "filename": "description_test_case_one_valid_reference-manual.html",26 -1 "title": "Description test case one valid reference",27 -1 "html": "<p>This test examines the ARIA properties for Description test case one valid reference.</p>\n <img src=\"foo.jpg\" id=\"test\" alt=\"test\" aria-describedby=\"t1 t2 t3\">\n <div id=\"t2\">foo</div>",-1 25 "filename": "name_test_case_544-manual.html", -1 26 "title": "Name test case 544", -1 27 "html": "<p>This test examines the ARIA properties for Name test case 544.</p>\n <input type=\"button\" id=\"test\" value=\"foo\"/>", 28 28 "selector": "#test",29 -1 "description": "foo"-1 29 "name": "foo" 30 30 }, 31 31 {32 -1 "filename": "name_test_case_754-manual.html",33 -1 "title": "Name test case 754",34 -1 "html": "<p>This test examines the ARIA properties for Name test case 754.</p>\n <style>\n label:before { content:\"fancy \"; }\n </style>\n <label for=\"test\">fruit</label>\n <input type=\"checkbox\" id=\"test\"/>",-1 32 "filename": "name_heading-combobox-focusable-alternative-manual.html", -1 33 "title": "Name heading-combobox-focusable-alternative", -1 34 "html": "<p>This test examines the ARIA properties for Name heading-combobox-focusable-alternative.</p>\n <h2 id=\"test\">\n Country of origin:\n <input role=\"combobox\" type=\"text\" title=\"Choose your country.\" value=\"United States\">\n </h2>", 35 35 "selector": "#test",36 -1 "name": "fancy fruit"-1 36 "name": "Country of origin: United States" 37 37 }, 38 38 {39 -1 "filename": "name_test_case_659-manual.html",40 -1 "title": "Name test case 659",41 -1 "html": "<p>This test examines the ARIA properties for Name test case 659.</p>\n <style type=\"text/css\">\n label:before { content: \"foo\"; }\n label:after { content: \"baz\"; }\n </style>\n <form>\n <label for=\"test\" title=\"bar\"><input id=\"test\" type=\"text\" name=\"test\" title=\"buz\"></label>\n </form>",-1 39 "filename": "name_image-title-manual.html", -1 40 "title": "Name image-title", -1 41 "html": "<p>This test examines the ARIA properties for Name image-title.</p>\n <input type=\"image\" src=\"test.png\" id=\"test\" title=\"foo\" />", 42 42 "selector": "#test",43 -1 "name": "foo bar baz"-1 43 "name": "foo" 44 44 }, 45 45 {46 -1 "filename": "name_file-label-embedded-spinbutton-manual.html",47 -1 "title": "Name file-label-embedded-spinbutton",48 -1 "html": "<p>This test examines the ARIA properties for Name file-label-embedded-spinbutton.</p>\n <input type=\"file\" id=\"test\" />\n <label for=\"test\">foo <input role=\"spinbutton\" type=\"number\" value=\"5\" min=\"1\" max=\"10\" aria-valuenow=\"5\" aria-valuemin=\"1\" aria-valuemax=\"10\"> baz\n </label>",-1 46 "filename": "name_test_case_743-manual.html", -1 47 "title": "Name test case 743", -1 48 "html": "<p>This test examines the ARIA properties for Name test case 743.</p>\n <label for=\"test\">\n crazy\n <div role=\"spinbutton\" aria-valuemin=\"1\" aria-valuemax=\"7\" aria-valuenow=\"4\">\n </div>\n </label>\n <input type=\"password\" id=\"test\" value=\"baz\"/>", 49 49 "selector": "#test",50 -1 "name": "foo 5 baz"-1 50 "name": "crazy 4" 51 51 }, 52 52 {53 -1 "filename": "description_test_case_664-manual.html",54 -1 "title": "Description test case 664",55 -1 "html": "<p>This test examines the ARIA properties for Description test case 664.</p>\n <div>\n <img id=\"test\" aria-describedby=\"ID1\" src=\"test.png\">\n </div>\n <div id=\"ID1\">foo</div>",-1 53 "filename": "name_test_case_736-manual.html", -1 54 "title": "Name test case 736", -1 55 "html": "<p>This test examines the ARIA properties for Name test case 736.</p>\n <label for=\"test\">\n crazy\n <select name=\"member\" size=\"1\" role=\"menu\" tabindex=\"0\">\n <option role=\"menuitem\" value=\"beard\" selected=\"true\">clown</option>\n <option role=\"menuitem\" value=\"scuba\">rich</option>\n </select>\n </label>\n <input type=\"file\" id=\"test\"/>", 56 56 "selector": "#test",57 -1 "description": "foo"-1 57 "name": "crazy" 58 58 }, 59 59 { 60 60 "filename": "name_from_content_of_labelledby_elements_one_of_which_is_hidden-manual.html", @@ -64,249 +64,235 @@ window.wpt["accname"] = [ 64 64 "name": "Important stuff" 65 65 }, 66 66 {67 -1 "filename": "name_file-label-embedded-menu-manual.html",68 -1 "title": "Name file-label-embedded-menu",69 -1 "html": "<p>This test examines the ARIA properties for Name file-label-embedded-menu.</p>\n <input type=\"file\" id=\"test\" />\n <label for=\"test\">Flash the screen\n <span role=\"menu\">\n <span role=\"menuitem\" aria-selected=\"true\">1</span>\n <span role=\"menuitem\" hidden>2</span>\n <span role=\"menuitem\" hidden>3</span>\n </span>\n times.\n </label>",-1 67 "filename": "name_test_case_560-manual.html", -1 68 "title": "Name test case 560", -1 69 "html": "<p>This test examines the ARIA properties for Name test case 560.</p>\n <input type=\"text\" value=\"peanuts\" id=\"test\">\n <img aria-labelledby=\"test\" aria-label=\"1\" src=\"foo.jpg\"/>", 70 70 "selector": "#test",71 -1 "name": "Flash the screen times."-1 71 "name": "" 72 72 }, 73 73 {74 -1 "filename": "name_test_case_757-manual.html",75 -1 "title": "Name test case 757",76 -1 "html": "<p>This test examines the ARIA properties for Name test case 757.</p>\n <style>\n label:before { content:\"fancy \"; }\n </style>\n <label for=\"test\">fruit</label>\n <input type=\"image\" src=\"foo.jpg\" id=\"test\"/>",-1 74 "filename": "name_test_case_756-manual.html", -1 75 "title": "Name test case 756", -1 76 "html": "<p>This test examines the ARIA properties for Name test case 756.</p>\n <style>\n label:before { content:\"fancy \"; }\n </style>\n <label for=\"test\">fruit</label>\n <input type=\"file\" id=\"test\"/>", 77 77 "selector": "#test", 78 78 "name": "fancy fruit" 79 79 }, 80 80 {81 -1 "filename": "name_test_case_602-manual.html",82 -1 "title": "Name test case 602",83 -1 "html": "<p>This test examines the ARIA properties for Name test case 602.</p>\n <div id=\"test\" role=\"button\" title=\"Tag\" style=\"outline:medium solid black; width:2em; height:1em;\">\n </div>",-1 81 "filename": "description_title-same-element-manual.html", -1 82 "title": "Description title-same-element", -1 83 "html": "<p>This test examines the ARIA properties for Description title-same-element.</p>\n <div><input aria-label=\"Name\" id=\"test\" title=\"Title\" aria-describedby=\"ID1\" type=\"text\"></div>\n <div id=\"ID1\">Description</div>", 84 84 "selector": "#test",85 -1 "name": "Tag"-1 85 "description": "Description" 86 86 }, 87 87 {88 -1 "filename": "name_test_case_738-manual.html",89 -1 "title": "Name test case 738",90 -1 "html": "<p>This test examines the ARIA properties for Name test case 738.</p>\n <label for=\"test\">\n crazy\n <div role=\"spinbutton\" aria-valuetext=\"Monday\" aria-valuemin=\"1\" aria-valuemax=\"7\" aria-valuenow=\"4\">\n </div>\n </label>\n <input type=\"password\" value=\"baz\" id=\"test\"/>",-1 88 "filename": "name_test_case_608-manual.html", -1 89 "title": "Name test case 608", -1 90 "html": "<p>This test examines the ARIA properties for Name test case 608.</p>\n <a href=\"test.html\" id=\"test\" title=\"Tag\"></a>", 91 91 "selector": "#test",92 -1 "name": "crazy Monday"-1 92 "name": "Tag" 93 93 }, 94 94 {95 -1 "filename": "name_test_case_733-manual.html",96 -1 "title": "Name test case 733",97 -1 "html": "<p>This test examines the ARIA properties for Name test case 733.</p>\n <label for=\"test\">\n crazy\n <select name=\"member\" size=\"1\" role=\"menu\" tabindex=\"0\">\n <option role=\"menuitem\" value=\"beard\" selected=\"true\">clown</option>\n <option role=\"menuitem\" value=\"scuba\">rich</option>\n </select>\n </label>\n <input type=\"password\" id=\"test\"/>",-1 95 "filename": "name_checkbox-label-embedded-slider-manual.html", -1 96 "title": "Name checkbox-label-embedded-slider", -1 97 "html": "<p>This test examines the ARIA properties for Name checkbox-label-embedded-slider.</p>\n <input type=\"checkbox\" id=\"test\" />\n <label for=\"test\">foo <input role=\"slider\" type=\"range\" value=\"5\" min=\"1\" max=\"10\" aria-valuenow=\"5\" aria-valuemin=\"1\" aria-valuemax=\"10\"> baz\n </label>", 98 98 "selector": "#test",99 -1 "name": "crazy"-1 99 "name": "foo 5 baz" 100 100 }, 101 101 {102 -1 "filename": "name_test_case_600-manual.html",103 -1 "title": "Name test case 600",104 -1 "html": "<p>This test examines the ARIA properties for Name test case 600.</p>\n <div id=\"test\">Div with text</div>",-1 102 "filename": "name_file-label-embedded-slider-manual.html", -1 103 "title": "Name file-label-embedded-slider", -1 104 "html": "<p>This test examines the ARIA properties for Name file-label-embedded-slider.</p>\n <input type=\"file\" id=\"test\" />\n <label for=\"test\">foo <input role=\"slider\" type=\"range\" value=\"5\" min=\"1\" max=\"10\" aria-valuenow=\"5\" aria-valuemin=\"1\" aria-valuemax=\"10\"> baz\n </label>", 105 105 "selector": "#test",106 -1 "name": ""-1 106 "name": "foo 5 baz" 107 107 }, 108 108 {109 -1 "filename": "name_test_case_562-manual.html",110 -1 "title": "Name test case 562",111 -1 "html": "<p>This test examines the ARIA properties for Name test case 562.</p>\n <input type=\"text\" value=\"peanuts\" id=\"ID1\">\n <input type=\"text\" value=\"popcorn\" id=\"ID2\">\n <input type=\"text\" value=\"apple jacks\" id=\"ID3\">\n <img aria-labelledby=\"ID1 ID2 ID3\" id=\"test\" src=\"foo.jpg\"/>",-1 109 "filename": "name_test_case_613-manual.html", -1 110 "title": "Name test case 613", -1 111 "html": "<p>This test examines the ARIA properties for Name test case 613.</p>\n <input type=\"checkbox\" id=\"test\">\n <label for=\"test\">foo</label></body>", 112 112 "selector": "#test",113 -1 "name": "peanuts popcorn apple jacks"-1 113 "name": "foo" 114 114 }, 115 115 {116 -1 "filename": "name_test_case_731-manual.html",117 -1 "title": "Name test case 731",118 -1 "html": "<p>This test examines the ARIA properties for Name test case 731.</p>\n <label for=\"test\">\n foo\n <input type=\"text\" value=\"David\"/>\n </label>\n <input type=\"image\" id=\"test\" src=\"foo.jpg\"/>",-1 116 "filename": "name_radio-title-manual.html", -1 117 "title": "Name radio-title", -1 118 "html": "<p>This test examines the ARIA properties for Name radio-title.</p>\n <input type=\"radio\" id=\"test\" title=\"foo\" />", 119 119 "selector": "#test",120 -1 "name": "foo David"-1 120 "name": "foo" 121 121 }, 122 122 {123 -1 "filename": "name_test_case_606-manual.html",124 -1 "title": "Name test case 606",125 -1 "html": "<p>This test examines the ARIA properties for Name test case 606.</p>\n <a href=\"test.html\" id=\"test\" aria-labelledby=\"test ID1\" aria-label=\"Tag\"></a>\n <p id=\"ID1\">foo</p>",-1 123 "filename": "name_test_case_737-manual.html", -1 124 "title": "Name test case 737", -1 125 "html": "<p>This test examines the ARIA properties for Name test case 737.</p>\n <label for=\"test\">\n crazy\n <select name=\"member\" size=\"1\" role=\"menu\" tabindex=\"0\">\n <option role=\"menuitem\" value=\"beard\" selected=\"true\">clown</option>\n <option role=\"menuitem\" value=\"scuba\">rich</option>\n </select>\n </label>\n <input type=\"image\" id=\"test\" src=\"foo.jpg\"/>", 126 126 "selector": "#test",127 -1 "name": "Tag foo"-1 127 "name": "crazy" 128 128 }, 129 129 {130 -1 "filename": "name_radio-label-embedded-select-manual.html",131 -1 "title": "Name radio-label-embedded-select",132 -1 "html": "<p>This test examines the ARIA properties for Name radio-label-embedded-select.</p>\n <input type=\"radio\" id=\"test\" />\n <label for=\"test\">Flash the screen\n <select size=\"1\">\n <option selected=\"selected\">1</option>\n <option>2</option>\n <option>3</option>\n </select>\n times.\n </label>",-1 130 "filename": "name_test_case_557-manual.html", -1 131 "title": "Name test case 557", -1 132 "html": "<p>This test examines the ARIA properties for Name test case 557.</p>\n <img id=\"test\" src=\"foo.jpg\" aria-label=\"1\" alt=\"a\" title=\"t\"/>", 133 133 "selector": "#test",134 -1 "name": "Flash the screen 1 times."-1 134 "name": "1" 135 135 }, 136 136 {137 -1 "filename": "name_password-label-embedded-select-manual.html",138 -1 "title": "Name password-label-embedded-select",139 -1 "html": "<p>This test examines the ARIA properties for Name password-label-embedded-select.</p>\n <input type=\"password\" id=\"test\" />\n <label for=\"test\">Flash the screen\n <select size=\"1\">\n <option selected=\"selected\">1</option>\n <option>2</option>\n <option>3</option>\n </select>\n times.\n </label>",-1 137 "filename": "name_test_case_748-manual.html", -1 138 "title": "Name test case 748", -1 139 "html": "<p>This test examines the ARIA properties for Name test case 748.</p>\n <input type=\"password\" id=\"test\" title=\"crazy\" value=\"baz\"/>", 140 140 "selector": "#test",141 -1 "name": "Flash the screen 1 times."-1 141 "name": "crazy" 142 142 }, 143 143 {144 -1 "filename": "name_password-title-manual.html",145 -1 "title": "Name password-title",146 -1 "html": "<p>This test examines the ARIA properties for Name password-title.</p>\n <input type=\"password\" id=\"test\" title=\"foo\" />",-1 144 "filename": "name_test_case_738-manual.html", -1 145 "title": "Name test case 738", -1 146 "html": "<p>This test examines the ARIA properties for Name test case 738.</p>\n <label for=\"test\">\n crazy\n <div role=\"spinbutton\" aria-valuetext=\"Monday\" aria-valuemin=\"1\" aria-valuemax=\"7\" aria-valuenow=\"4\">\n </div>\n </label>\n <input type=\"password\" value=\"baz\" id=\"test\"/>", 147 147 "selector": "#test",148 -1 "name": "foo"-1 148 "name": "crazy Monday" 149 149 }, 150 150 {151 -1 "filename": "name_test_case_749-manual.html",152 -1 "title": "Name test case 749",153 -1 "html": "<p>This test examines the ARIA properties for Name test case 749.</p>\n <input type=\"checkbox\" id=\"test\" title=\"crazy\"/>",-1 151 "filename": "name_checkbox-label-embedded-spinbutton-manual.html", -1 152 "title": "Name checkbox-label-embedded-spinbutton", -1 153 "html": "<p>This test examines the ARIA properties for Name checkbox-label-embedded-spinbutton.</p>\n <input type=\"checkbox\" id=\"test\" />\n <label for=\"test\">foo <input role=\"spinbutton\" type=\"number\" value=\"5\" min=\"1\" max=\"10\" aria-valuenow=\"5\" aria-valuemin=\"1\" aria-valuemax=\"10\"> baz\n </label>", 154 154 "selector": "#test",155 -1 "name": "crazy"-1 155 "name": "foo 5 baz" 156 156 }, 157 157 {158 -1 "filename": "name_test_case_726-manual.html",159 -1 "title": "Name test case 726",160 -1 "html": "<p>This test examines the ARIA properties for Name test case 726.</p>\n <label for=\"test\">States:</label>\n <input type=\"image\" id=\"test\" src=\"foo.jpg\"/>",-1 158 "filename": "name_file-label-owned-combobox-manual.html", -1 159 "title": "Name file-label-owned-combobox", -1 160 "html": "<p>This test examines the ARIA properties for Name file-label-owned-combobox.</p>\n <input type=\"file\" id=\"test\" />\n <label for=\"test\">Flash <span aria-owns=\"id1\">the screen</span> times.</label>\n <div id=\"id1\">\n <div role=\"combobox\">\n <div role=\"textbox\"></div>\n <ul role=\"listbox\" style=\"list-style-type: none;\">\n <li role=\"option\" aria-selected=\"true\">1 </li>\n <li role=\"option\">2 </li>\n <li role=\"option\">3 </li>\n </ul>\n </div>\n </div>", 161 161 "selector": "#test",162 -1 "name": "States:"-1 162 "name": "Flash the screen 1 times." 163 163 }, 164 164 {165 -1 "filename": "name_radio-label-embedded-spinbutton-manual.html",166 -1 "title": "Name radio-label-embedded-spinbutton",167 -1 "html": "<p>This test examines the ARIA properties for Name radio-label-embedded-spinbutton.</p>\n <input type=\"radio\" id=\"test\" />\n <label for=\"test\">foo <input role=\"spinbutton\" type=\"number\" value=\"5\" min=\"1\" max=\"10\" aria-valuenow=\"5\" aria-valuemin=\"1\" aria-valuemax=\"10\"> baz\n </label>",-1 165 "filename": "name_test_case_733-manual.html", -1 166 "title": "Name test case 733", -1 167 "html": "<p>This test examines the ARIA properties for Name test case 733.</p>\n <label for=\"test\">\n crazy\n <select name=\"member\" size=\"1\" role=\"menu\" tabindex=\"0\">\n <option role=\"menuitem\" value=\"beard\" selected=\"true\">clown</option>\n <option role=\"menuitem\" value=\"scuba\">rich</option>\n </select>\n </label>\n <input type=\"password\" id=\"test\"/>", 168 168 "selector": "#test",169 -1 "name": "foo 5 baz"-1 169 "name": "crazy" 170 170 }, 171 171 {172 -1 "filename": "name_test_case_551-manual.html",173 -1 "title": "Name test case 551",174 -1 "html": "<p>This test examines the ARIA properties for Name test case 551.</p>\n <input type=\"text\" id=\"test\" title=\"crazy\" value=\"baz\"/>",-1 172 "filename": "name_test_case_759-manual.html", -1 173 "title": "Name test case 759", -1 174 "html": "<p>This test examines the ARIA properties for Name test case 759.</p>\n <style>\n label:after { content:\" fruit\"; }\n </style>\n <label for=\"test\">fancy</label>\n <input type=\"checkbox\" id=\"test\"/>", 175 175 "selector": "#test",176 -1 "name": "crazy"-1 176 "name": "fancy fruit" 177 177 }, 178 178 {179 -1 "filename": "name_test_case_543-manual.html",180 -1 "title": "Name test case 543",181 -1 "html": "<p>This test examines the ARIA properties for Name test case 543.</p>\n <input type=\"reset\" id=\"test\"/>",-1 179 "filename": "name_test_case_552-manual.html", -1 180 "title": "Name test case 552", -1 181 "html": "<p>This test examines the ARIA properties for Name test case 552.</p>\n <style>\n label:before { content:\"fancy \"; }\n </style>\n <label for=\"test\">fruit</label>\n <input type=\"text\" id=\"test\"/>", 182 182 "selector": "#test",183 -1 "name": "Reset"-1 183 "name": "fancy fruit" 184 184 }, 185 185 {186 -1 "filename": "name_from_content_of_labelledby_element-manual.html",187 -1 "title": "Name from content of labelledby element",188 -1 "html": "<p>This test examines the ARIA properties for Name from content of labelledby element.</p>\n <style>\n .hidden { display: none; }\n </style>\n <input id=\"test\" type=\"text\" aria-labelledby=\"lblId\" />\n <div id=\"lblId\" >\n <span aria-hidden=\"true\"><i> Hello, </i></span>\n <span>My</span> name is\n <div><img src=\"file.jpg\" title=\"Bryan\" alt=\"\" role=\"presentation\" /></div>\n <span role=\"presentation\" aria-label=\"Eli\">\n <span aria-label=\"Garaventa\">Zambino</span>\n </span>\n <span>the weird.</span>\n (QED)\n <span class=\"hidden\"><i><b>and don't you forget it.</b></i></span>\n <table>\n <tr>\n <td>Where</td>\n <td style=\"visibility:hidden;\"><div>in</div></td>\n <td><div style=\"display:none;\">the world</div></td>\n <td>are my marbles?</td>\n </tr>\n </table>\n </div>",-1 186 "filename": "name_test_case_600-manual.html", -1 187 "title": "Name test case 600", -1 188 "html": "<p>This test examines the ARIA properties for Name test case 600.</p>\n <div id=\"test\">Div with text</div>", 189 189 "selector": "#test",190 -1 "name": "My name is Eli the weird. (QED) Where are my marbles?"-1 190 "name": "" 191 191 }, 192 192 {193 -1 "filename": "name_test_case_544-manual.html",194 -1 "title": "Name test case 544",195 -1 "html": "<p>This test examines the ARIA properties for Name test case 544.</p>\n <input type=\"button\" id=\"test\" value=\"foo\"/>",-1 193 "filename": "name_test_case_750-manual.html", -1 194 "title": "Name test case 750", -1 195 "html": "<p>This test examines the ARIA properties for Name test case 750.</p>\n <input type=\"radio\" id=\"test\" title=\"crazy\"/>", 196 196 "selector": "#test",197 -1 "name": "foo"-1 197 "name": "crazy" 198 198 }, 199 199 {200 -1 "filename": "name_test_case_619-manual.html",201 -1 "title": "Name test case 619",202 -1 "html": "<p>This test examines the ARIA properties for Name test case 619.</p>\n <input type=\"password\" id=\"test\">\n <label for=\"test\">foo<input type=\"text\" value=\"bar\">baz</label>",-1 200 "filename": "name_test_case_556-manual.html", -1 201 "title": "Name test case 556", -1 202 "html": "<p>This test examines the ARIA properties for Name test case 556.</p>\n <img id=\"test\" src=\"foo.jpg\" aria-label=\"1\"/>", 203 203 "selector": "#test",204 -1 "name": "foo bar baz"-1 204 "name": "1" 205 205 }, 206 206 {207 -1 "filename": "name_test_case_612-manual.html",208 -1 "title": "Name test case 612",209 -1 "html": "<p>This test examines the ARIA properties for Name test case 612.</p>\n <input type=\"password\" id=\"test\">\n <label for=\"test\">foo</label>",-1 207 "filename": "name_test_case_610-manual.html", -1 208 "title": "Name test case 610", -1 209 "html": "<p>This test examines the ARIA properties for Name test case 610.</p>\n <input id=\"test\" type=\"text\" aria-label=\"bar\" aria-labelledby=\"ID1 test\">\n <div id=\"ID1\">foo</div>", 210 210 "selector": "#test",211 -1 "name": "foo"-1 211 "name": "foo bar" 212 212 }, 213 213 {214 -1 "filename": "name_test_case_762-manual.html",215 -1 "title": "Name test case 762",216 -1 "html": "<p>This test examines the ARIA properties for Name test case 762.</p>\n <style>\n label:after { content:\" fruit\"; }\n </style>\n <label for=\"test\">fancy</label>\n <input type=\"image\" src=\"foo.jpg\" id=\"test\"/>",-1 214 "filename": "description_test_case_772-manual.html", -1 215 "title": "Description test case 772", -1 216 "html": "<p>This test examines the ARIA properties for Description test case 772.</p>\n <img src=\"foo.jpg\" id=\"test\" alt=\"test\" aria-describedby=\"t1\">\n <div id=\"t1\">foo</div>", 217 217 "selector": "#test",218 -1 "name": "fancy fruit"-1 218 "description": "foo" 219 219 }, 220 220 {221 -1 "filename": "name_test_case_721-manual.html",222 -1 "title": "Name test case 721",223 -1 "html": "<p>This test examines the ARIA properties for Name test case 721.</p>\n <label for=\"test\">States:</label>\n <input type=\"password\" id=\"test\"/>",-1 221 "filename": "name_test_case_621-manual.html", -1 222 "title": "Name test case 621", -1 223 "html": "<p>This test examines the ARIA properties for Name test case 621.</p>\n <input type=\"file\" id=\"test\">\n <label for=\"test\">foo <input type=\"text\" value=\"bar\"> baz</label>", 224 224 "selector": "#test",225 -1 "name": "States:"-1 225 "name": "foo bar baz" 226 226 }, 227 227 {228 -1 "filename": "name_test_case_563-manual.html",229 -1 "title": "Name test case 563",230 -1 "html": "<p>This test examines the ARIA properties for Name test case 563.</p>\n <input type=\"text\" value=\"peanuts\" id=\"ID1\">\n <img id=\"test\" aria-label=\"l\" aria-labelledby=\"test ID1\" src=\"foo.jpg\"/>",-1 228 "filename": "name_test_case_618-manual.html", -1 229 "title": "Name test case 618", -1 230 "html": "<p>This test examines the ARIA properties for Name test case 618.</p>\n <input type=\"text\" id=\"test\">\n <label for=\"test\">foo<input type=\"text\" value=\"bar\">baz</label>", 231 231 "selector": "#test",232 -1 "name": "l peanuts"-1 232 "name": "foo bar baz" 233 233 }, 234 234 {235 -1 "filename": "name_file-label-embedded-combobox-manual.html",236 -1 "title": "Name file-label-embedded-combobox",237 -1 "html": "<p>This test examines the ARIA properties for Name file-label-embedded-combobox.</p>\n <input type=\"file\" id=\"test\" />\n <label for=\"test\">Flash the screen\n <div role=\"combobox\">\n <div role=\"textbox\"></div>\n <ul role=\"listbox\" style=\"list-style-type: none;\">\n <li role=\"option\" aria-selected=\"true\">1 </li>\n <li role=\"option\">2 </li>\n <li role=\"option\">3 </li>\n </ul>\n </div>\n times.\n </label>",238 -1 "selector": "#test",239 -1 "name": "Flash the screen 1 times."240 -1 },241 -1 {242 -1 "filename": "name_test_case_737-manual.html",243 -1 "title": "Name test case 737",244 -1 "html": "<p>This test examines the ARIA properties for Name test case 737.</p>\n <label for=\"test\">\n crazy\n <select name=\"member\" size=\"1\" role=\"menu\" tabindex=\"0\">\n <option role=\"menuitem\" value=\"beard\" selected=\"true\">clown</option>\n <option role=\"menuitem\" value=\"scuba\">rich</option>\n </select>\n </label>\n <input type=\"image\" id=\"test\" src=\"foo.jpg\"/>",245 -1 "selector": "#test",246 -1 "name": "crazy"247 -1 },248 -1 {249 -1 "filename": "name_test_case_758-manual.html",250 -1 "title": "Name test case 758",251 -1 "html": "<p>This test examines the ARIA properties for Name test case 758.</p>\n <style>\n label:after { content:\" fruit\"; }\n </style>\n <label for=\"test\">fancy</label>\n <input type=\"password\" id=\"test\"/>",-1 235 "filename": "name_test_case_604-manual.html", -1 236 "title": "Name test case 604", -1 237 "html": "<p>This test examines the ARIA properties for Name test case 604.</p>\n <a id=\"test\" href=\"test.html\" aria-label=\"Tag\">ABC</a>", 252 238 "selector": "#test",253 -1 "name": "fancy fruit"-1 239 "name": "Tag" 254 240 }, 255 241 {256 -1 "filename": "name_file-label-owned-combobox-owned-listbox-manual.html",257 -1 "title": "Name file-label-owned-combobox-owned-listbox",258 -1 "html": "<p>This test examines the ARIA properties for Name file-label-owned-combobox-owned-listbox.</p>\n <input type=\"file\" id=\"test\" />\n <label for=\"test\">Flash <span aria-owns=\"id1\">the screen</span> times.</label>\n <div>\n <div id=\"id1\" role=\"combobox\" aria-owns=\"id2\">\n <div role=\"textbox\"></div>\n </div>\n </div>\n <div>\n <ul id=\"id2\" role=\"listbox\" style=\"list-style-type: none;\">\n <li role=\"option\" >1 </li>\n <li role=\"option\" aria-selected=\"true\">2 </li>\n <li role=\"option\">3 </li>\n </ul>\n </div>",-1 242 "filename": "name_test_case_731-manual.html", -1 243 "title": "Name test case 731", -1 244 "html": "<p>This test examines the ARIA properties for Name test case 731.</p>\n <label for=\"test\">\n foo\n <input type=\"text\" value=\"David\"/>\n </label>\n <input type=\"image\" id=\"test\" src=\"foo.jpg\"/>", 259 245 "selector": "#test",260 -1 "name": "Flash the screen 2 times."-1 246 "name": "foo David" 261 247 }, 262 248 {263 -1 "filename": "name_test_case_548-manual.html",264 -1 "title": "Name test case 548",265 -1 "html": "<p>This test examines the ARIA properties for Name test case 548.</p>\n <label for=\"test\">\n crazy\n <select name=\"member\" size=\"1\" role=\"menu\" tabindex=\"0\">\n <option role=\"menuitem\" value=\"beard\" selected=\"true\">clown</option>\n <option role=\"menuitem\" value=\"scuba\">rich</option>\n </select>\n </label>\n <input type=\"text\" id=\"test\" value=\"baz\"/>",-1 249 "filename": "name_test_case_563-manual.html", -1 250 "title": "Name test case 563", -1 251 "html": "<p>This test examines the ARIA properties for Name test case 563.</p>\n <input type=\"text\" value=\"peanuts\" id=\"ID1\">\n <img id=\"test\" aria-label=\"l\" aria-labelledby=\"test ID1\" src=\"foo.jpg\"/>", 266 252 "selector": "#test",267 -1 "name": "crazy"-1 253 "name": "l peanuts" 268 254 }, 269 255 {270 -1 "filename": "name_test_case_740-manual.html",271 -1 "title": "Name test case 740",272 -1 "html": "<p>This test examines the ARIA properties for Name test case 740.</p>\n <label for=\"test\">\n crazy\n <div role=\"spinbutton\" aria-valuetext=\"Monday\" aria-valuemin=\"1\" aria-valuemax=\"7\" aria-valuenow=\"4\">\n </div>\n </label>\n <input type=\"radio\" id=\"test\"/>",-1 256 "filename": "name_test_case_739-manual.html", -1 257 "title": "Name test case 739", -1 258 "html": "<p>This test examines the ARIA properties for Name test case 739.</p>\n <label for=\"test\">\n crazy\n <div role=\"spinbutton\" aria-valuetext=\"Monday\" aria-valuemin=\"1\" aria-valuemax=\"7\" aria-valuenow=\"4\">\n </div>\n </label>\n <input type=\"checkbox\" id=\"test\"/>", 273 259 "selector": "#test", 274 260 "name": "crazy Monday" 275 261 }, 276 262 {277 -1 "filename": "name_test_case_611-manual.html",278 -1 "title": "Name test case 611",279 -1 "html": "<p>This test examines the ARIA properties for Name test case 611.</p>\n <input id=\"test\" type=\"text\"/>\n <label for=\"test\">foo</label>",-1 263 "filename": "name_test_case_614-manual.html", -1 264 "title": "Name test case 614", -1 265 "html": "<p>This test examines the ARIA properties for Name test case 614.</p>\n <input type=\"radio\" id=\"test\">\n <label for=\"test\">foo</label>", 280 266 "selector": "#test", 281 267 "name": "foo" 282 268 }, 283 269 {284 -1 "filename": "name_from_content-manual.html",285 -1 "title": "Name from content",286 -1 "html": "<p>This test examines the ARIA properties for Name from content.</p>\n <style>\n .hidden { display: none; }\n </style>\n <div id=\"test\" role=\"link\" tabindex=\"0\">\n <span aria-hidden=\"true\"><i> Hello, </i></span>\n <span>My</span> name is\n <div><img src=\"file.jpg\" title=\"Bryan\" alt=\"\" role=\"presentation\" /></div>\n <span role=\"presentation\" aria-label=\"Eli\">\n <span aria-label=\"Garaventa\">Zambino</span>\n </span>\n <span>the weird.</span>\n (QED)\n <span class=\"hidden\"><i><b>and don't you forget it.</b></i></span>\n <table>\n <tr>\n <td>Where</td>\n <td style=\"visibility:hidden;\"><div>in</div></td>\n <td><div style=\"display:none;\">the world</div></td>\n <td>are my marbles?</td>\n </tr>\n </table>\n </div>",-1 270 "filename": "name_test_case_745-manual.html", -1 271 "title": "Name test case 745", -1 272 "html": "<p>This test examines the ARIA properties for Name test case 745.</p>\n <label for=\"test\">\n crazy\n <div role=\"spinbutton\" aria-valuemin=\"1\" aria-valuemax=\"7\" aria-valuenow=\"4\">\n </div>\n </label>\n <input type=\"radio\" id=\"test\"/>", 287 273 "selector": "#test",288 -1 "name": "My name is Eli the weird. (QED) Where are my marbles?"-1 274 "name": "crazy 4" 289 275 }, 290 276 {291 -1 "filename": "name_checkbox-title-manual.html",292 -1 "title": "Name checkbox-title",293 -1 "html": "<p>This test examines the ARIA properties for Name checkbox-title.</p>\n <input type=\"checkbox\" id=\"test\" title=\"foo\" />",-1 277 "filename": "name_test_case_755-manual.html", -1 278 "title": "Name test case 755", -1 279 "html": "<p>This test examines the ARIA properties for Name test case 755.</p>\n <style>\n label:before { content:\"fancy \"; }\n </style>\n <label for=\"test\">fruit</label>\n <input type=\"radio\" id=\"test\"/>", 294 280 "selector": "#test",295 -1 "name": "foo"-1 281 "name": "fancy fruit" 296 282 }, 297 283 {298 -1 "filename": "name_test_case_621-manual.html",299 -1 "title": "Name test case 621",300 -1 "html": "<p>This test examines the ARIA properties for Name test case 621.</p>\n <input type=\"file\" id=\"test\">\n <label for=\"test\">foo <input type=\"text\" value=\"bar\"> baz</label>",-1 284 "filename": "name_checkbox-label-embedded-listbox-manual.html", -1 285 "title": "Name checkbox-label-embedded-listbox", -1 286 "html": "<p>This test examines the ARIA properties for Name checkbox-label-embedded-listbox.</p>\n <input type=\"checkbox\" id=\"test\" />\n <label for=\"test\">Flash the screen\n <ul role=\"listbox\" style=\"list-style-type: none;\">\n <li role=\"option\" aria-selected=\"true\">1</li>\n <li role=\"option\">2</li>\n <li role=\"option\">3</li>\n </ul>\n times.\n </label>", 301 287 "selector": "#test",302 -1 "name": "foo bar baz"-1 288 "name": "Flash the screen 1 times." 303 289 }, 304 290 {305 -1 "filename": "description_test_case_772-manual.html",306 -1 "title": "Description test case 772",307 -1 "html": "<p>This test examines the ARIA properties for Description test case 772.</p>\n <img src=\"foo.jpg\" id=\"test\" alt=\"test\" aria-describedby=\"t1\">\n <div id=\"t1\">foo</div>",-1 291 "filename": "name_file-label-inline-block-elements-manual.html", -1 292 "title": "Name file-label-inline-block-elements", -1 293 "html": "<p>This test examines the ARIA properties for Name file-label-inline-block-elements.</p>\n <input type=\"file\" id=\"test\" />\n <label for=\"test\">W<i>h<b>a</b></i>t<br>is<div>your<div>name<b>?</b></div></div></label>", 308 294 "selector": "#test",309 -1 "description": "foo"-1 295 "name": "What is your name?" 310 296 }, 311 297 { 312 298 "filename": "description_test_case_665-manual.html", @@ -316,46 +302,53 @@ window.wpt["accname"] = [ 316 302 "description": "foo" 317 303 }, 318 304 {319 -1 "filename": "name_test_case_546-manual.html",320 -1 "title": "Name test case 546",321 -1 "html": "<p>This test examines the ARIA properties for Name test case 546.</p>\n <label for=\"test\">States:</label>\n <input type=\"text\" id=\"test\"/>",-1 305 "filename": "name_checkbox-label-embedded-menu-manual.html", -1 306 "title": "Name checkbox-label-embedded-menu", -1 307 "html": "<p>This test examines the ARIA properties for Name checkbox-label-embedded-menu.</p>\n <input type=\"checkbox\" id=\"test\" />\n <label for=\"test\">Flash the screen\n <span role=\"menu\">\n <span role=\"menuitem\" aria-selected=\"true\">1</span>\n <span role=\"menuitem\" hidden>2</span>\n <span role=\"menuitem\" hidden>3</span>\n </span>\n times.\n </label>", 322 308 "selector": "#test",323 -1 "name": "States:"-1 309 "name": "Flash the screen times." 324 310 }, 325 311 {326 -1 "filename": "description_1.0_combobox-focusable-manual.html",327 -1 "title": "Description 1.0 combobox-focusable",328 -1 "html": "<p>This test examines the ARIA properties for Description 1.0 combobox-focusable.</p>\n <div id=\"test\" role=\"combobox\" tabindex=\"0\" title=\"Choose your language.\">\n <span> English </span>\n </div>",-1 312 "filename": "name_password-label-embedded-combobox-manual.html", -1 313 "title": "Name password-label-embedded-combobox", -1 314 "html": "<p>This test examines the ARIA properties for Name password-label-embedded-combobox.</p>\n <input type=\"password\" id=\"test\" />\n <label for=\"test\">Flash the screen\n <div role=\"combobox\">\n <div role=\"textbox\"></div>\n <ul role=\"listbox\" style=\"list-style-type: none;\">\n <li role=\"option\" aria-selected=\"true\">1</li>\n <li role=\"option\">2</li>\n <li role=\"option\">3</li>\n </ul>\n </div>\n times.\n </label>", 329 315 "selector": "#test",330 -1 "description": ""-1 316 "name": "Flash the screen 1 times." 331 317 }, 332 318 {333 -1 "filename": "name_test_case_739-manual.html",334 -1 "title": "Name test case 739",335 -1 "html": "<p>This test examines the ARIA properties for Name test case 739.</p>\n <label for=\"test\">\n crazy\n <div role=\"spinbutton\" aria-valuetext=\"Monday\" aria-valuemin=\"1\" aria-valuemax=\"7\" aria-valuenow=\"4\">\n </div>\n </label>\n <input type=\"checkbox\" id=\"test\"/>",-1 319 "filename": "name_test_case_761-manual.html", -1 320 "title": "Name test case 761", -1 321 "html": "<p>This test examines the ARIA properties for Name test case 761.</p>\n <style>\n label:after { content:\" fruit\"; }\n </style>\n <label for=\"test\">fancy</label>\n <input type=\"file\" id=\"test\"/>", 336 322 "selector": "#test",337 -1 "name": "crazy Monday"-1 323 "name": "fancy fruit" 338 324 }, 339 325 {340 -1 "filename": "name_radio-label-embedded-menu-manual.html",341 -1 "title": "Name radio-label-embedded-menu",342 -1 "html": "<p>This test examines the ARIA properties for Name radio-label-embedded-menu.</p>\n <input type=\"radio\" id=\"test\" />\n <label for=\"test\">Flash the screen\n <span role=\"menu\">\n <span role=\"menuitem\" aria-selected=\"true\">1</span>\n <span role=\"menuitem\" hidden>2</span>\n <span role=\"menuitem\" hidden>3</span>\n </span>\n times.\n </label>",-1 326 "filename": "name_password-label-embedded-select-manual.html", -1 327 "title": "Name password-label-embedded-select", -1 328 "html": "<p>This test examines the ARIA properties for Name password-label-embedded-select.</p>\n <input type=\"password\" id=\"test\" />\n <label for=\"test\">Flash the screen\n <select size=\"1\">\n <option selected=\"selected\">1</option>\n <option>2</option>\n <option>3</option>\n </select>\n times.\n </label>", 343 329 "selector": "#test",344 -1 "name": "Flash the screen times."-1 330 "name": "Flash the screen 1 times." 345 331 }, 346 332 {347 -1 "filename": "name_test_case_558-manual.html",348 -1 "title": "Name test case 558",349 -1 "html": "<p>This test examines the ARIA properties for Name test case 558.</p>\n <input type=\"text\" value=\"peanuts\" id=\"test\">\n <img aria-labelledby=\"test\" src=\"foo.jpg\"/>",-1 333 "filename": "name_from_content_of_label-manual.html", -1 334 "title": "Name from content of label", -1 335 "html": "<p>This test examines the ARIA properties for Name from content of label.</p>\n <style>\n .hidden { display: none; }\n </style>\n <input type=\"text\" id=\"test\" />\n <label for=\"test\" id=\"label\">\n <span aria-hidden=\"true\"><i> Hello, </i></span>\n <span>My</span> name is\n <div><img src=\"file.jpg\" title=\"Bryan\" alt=\"\" role=\"presentation\" /></div>\n <span role=\"presentation\" aria-label=\"Eli\">\n <span aria-label=\"Garaventa\">Zambino</span>\n </span>\n <span>the weird.</span>\n (QED)\n <span class=\"hidden\"><i><b>and don't you forget it.</b></i></span>\n <table>\n <tr>\n <td>Where</td>\n <td style=\"visibility:hidden;\"><div>in</div></td>\n <td><div style=\"display:none;\">the world</div></td>\n <td>are my marbles?</td>\n </tr>\n </table>\n </label>", 350 336 "selector": "#test",351 -1 "name": ""-1 337 "name": "My name is Eli the weird. (QED) Where are my marbles?" 352 338 }, 353 339 {354 -1 "filename": "name_link-mixed-content-manual.html",355 -1 "title": "Name link-mixed-content",356 -1 "html": "<p>This test examines the ARIA properties for Name link-mixed-content.</p>\n <style>\n .hidden { display: none; }\n </style>\n <div id=\"test\" role=\"link\" tabindex=\"0\">\n <span aria-hidden=\"true\"><i> Hello, </i></span>\n <span>My</span> name is\n <div><img src=\"file.jpg\" title=\"Bryan\" alt=\"\" role=\"presentation\" /></div>\n <span role=\"presentation\" aria-label=\"Eli\"><span aria-label=\"Garaventa\">Zambino</span></span>\n <span>the weird.</span>\n (QED)\n <span class=\"hidden\"><i><b>and don't you forget it.</b></i></span>\n </div>",-1 340 "filename": "name_password-label-embedded-slider-manual.html", -1 341 "title": "Name password-label-embedded-slider", -1 342 "html": "<p>This test examines the ARIA properties for Name password-label-embedded-slider.</p>\n <input type=\"password\" id=\"test\" />\n <label for=\"test\">foo <input role=\"slider\" type=\"range\" value=\"5\" min=\"1\" max=\"10\" aria-valuenow=\"5\" aria-valuemin=\"1\" aria-valuemax=\"10\"> baz\n </label>", 357 343 "selector": "#test",358 -1 "name": "My name is Eli the weird. (QED)"-1 344 "name": "foo 5 baz" -1 345 }, -1 346 { -1 347 "filename": "name_test_case_611-manual.html", -1 348 "title": "Name test case 611", -1 349 "html": "<p>This test examines the ARIA properties for Name test case 611.</p>\n <input id=\"test\" type=\"text\"/>\n <label for=\"test\">foo</label>", -1 350 "selector": "#test", -1 351 "name": "foo" 359 352 }, 360 353 { 361 354 "filename": "name_test_case_561-manual.html", @@ -365,60 +358,74 @@ window.wpt["accname"] = [ 365 358 "name": "1" 366 359 }, 367 360 {368 -1 "filename": "name_radio-title-manual.html",369 -1 "title": "Name radio-title",370 -1 "html": "<p>This test examines the ARIA properties for Name radio-title.</p>\n <input type=\"radio\" id=\"test\" title=\"foo\" />",-1 361 "filename": "name_checkbox-label-embedded-textbox-manual.html", -1 362 "title": "Name checkbox-label-embedded-textbox", -1 363 "html": "<p>This test examines the ARIA properties for Name checkbox-label-embedded-textbox.</p>\n <input type=\"checkbox\" id=\"test\" />\n <label for=\"test\">Flash the screen\n <div role=\"textbox\" contenteditable>1</div>\n times.\n </label>", 371 364 "selector": "#test",372 -1 "name": "foo"-1 365 "name": "Flash the screen 1 times." 373 366 }, 374 367 {375 -1 "filename": "name_test_case_744-manual.html",376 -1 "title": "Name test case 744",377 -1 "html": "<p>This test examines the ARIA properties for Name test case 744.</p>\n <label for=\"test\">\n crazy\n <div role=\"spinbutton\" aria-valuemin=\"1\" aria-valuemax=\"7\" aria-valuenow=\"4\">\n </div>\n </label>\n <input type=\"checkbox\" id=\"test\"/>",-1 368 "filename": "name_test_case_661-manual.html", -1 369 "title": "Name test case 661", -1 370 "html": "<p>This test examines the ARIA properties for Name test case 661.</p>\n <style type=\"text/css\">\n label:before { content: \"foo\"; }\n label:after { content: \"baz\"; }\n </style>\n <form>\n <label for=\"test\"><input id=\"test\" type=\"checkbox\" name=\"test\" title=\" bar \"></label>\n </form>", 378 371 "selector": "#test",379 -1 "name": "crazy 4"-1 372 "name": "foo baz" 380 373 }, 381 374 {382 -1 "filename": "name_checkbox-label-embedded-textbox-manual.html",383 -1 "title": "Name checkbox-label-embedded-textbox",384 -1 "html": "<p>This test examines the ARIA properties for Name checkbox-label-embedded-textbox.</p>\n <input type=\"checkbox\" id=\"test\" />\n <label for=\"test\">Flash the screen\n <div role=\"textbox\" contenteditable>1</div>\n times.\n </label>",-1 375 "filename": "name_file-label-embedded-combobox-manual.html", -1 376 "title": "Name file-label-embedded-combobox", -1 377 "html": "<p>This test examines the ARIA properties for Name file-label-embedded-combobox.</p>\n <input type=\"file\" id=\"test\" />\n <label for=\"test\">Flash the screen\n <div role=\"combobox\">\n <div role=\"textbox\"></div>\n <ul role=\"listbox\" style=\"list-style-type: none;\">\n <li role=\"option\" aria-selected=\"true\">1 </li>\n <li role=\"option\">2 </li>\n <li role=\"option\">3 </li>\n </ul>\n </div>\n times.\n </label>", 385 378 "selector": "#test", 386 379 "name": "Flash the screen 1 times." 387 380 }, 388 381 {389 -1 "filename": "name_test_case_730-manual.html",390 -1 "title": "Name test case 730",391 -1 "html": "<p>This test examines the ARIA properties for Name test case 730.</p>\n <label for=\"test\">\n foo\n <input type=\"text\" value=\"David\"/>\n </label>\n <input type=\"file\" id=\"test\"/>",-1 382 "filename": "name_test_case_601-manual.html", -1 383 "title": "Name test case 601", -1 384 "html": "<p>This test examines the ARIA properties for Name test case 601.</p>\n <div id=\"test\" role=\"button\">foo</div>", 392 385 "selector": "#test",393 -1 "name": "foo David"-1 386 "name": "foo" 394 387 }, 395 388 {396 -1 "filename": "name_test_case_751-manual.html",397 -1 "title": "Name test case 751",398 -1 "html": "<p>This test examines the ARIA properties for Name test case 751.</p>\n <input type=\"file\" id=\"test\" title=\"crazy\"/>",-1 389 "filename": "name_radio-label-embedded-slider-manual.html", -1 390 "title": "Name radio-label-embedded-slider", -1 391 "html": "<p>This test examines the ARIA properties for Name radio-label-embedded-slider.</p>\n <input type=\"radio\" id=\"test\" />\n <label for=\"test\">foo <input role=\"slider\" type=\"range\" value=\"5\" min=\"1\" max=\"10\" aria-valuenow=\"5\" aria-valuemin=\"1\" aria-valuemax=\"10\"> baz\n </label>", 399 392 "selector": "#test",400 -1 "name": "crazy"-1 393 "name": "foo 5 baz" 401 394 }, 402 395 {403 -1 "filename": "name_file-label-inline-block-styles-manual.html",404 -1 "title": "Name file-label-inline-block-styles",405 -1 "html": "<p>This test examines the ARIA properties for Name file-label-inline-block-styles.</p>\n <style>\n label:before { content: \"This\"; display: block; }\n label:after { content: \".\"; }\n </style>\n <label for=\"test\">is a test</label>\n <input type=\"text\" id=\"test\"/>",-1 396 "filename": "name_password-label-embedded-spinbutton-manual.html", -1 397 "title": "Name password-label-embedded-spinbutton", -1 398 "html": "<p>This test examines the ARIA properties for Name password-label-embedded-spinbutton.</p>\n <input type=\"password\" id=\"test\" />\n <label for=\"test\">foo <input role=\"spinbutton\" type=\"number\" value=\"5\" min=\"1\" max=\"10\" aria-valuenow=\"5\" aria-valuemin=\"1\" aria-valuemax=\"10\"> baz\n </label>", 406 399 "selector": "#test",407 -1 "name": "This is a test."-1 400 "name": "foo 5 baz" 408 401 }, 409 402 {410 -1 "filename": "description_link-with-label-manual.html",411 -1 "title": "Description link-with-label",412 -1 "html": "<p>This test examines the ARIA properties for Description link-with-label.</p>\n <a id=\"test\" href=\"#\" aria-label=\"California\" title=\"San Francisco\" >United States</a>",-1 403 "filename": "description_test_case_broken_reference-manual.html", -1 404 "title": "Description test case broken reference", -1 405 "html": "<p>This test examines the ARIA properties for Description test case broken reference.</p>\n <img src=\"foo.jpg\" id=\"test\" alt=\"test\" aria-describedby=\"t1\">", 413 406 "selector": "#test",414 -1 "description": "San Francisco"-1 407 "description": "" 415 408 }, 416 409 {417 -1 "filename": "name_file-label-embedded-select-manual.html",418 -1 "title": "Name file-label-embedded-select",419 -1 "html": "<p>This test examines the ARIA properties for Name file-label-embedded-select.</p>\n <input type=\"file\" id=\"test\" />\n <label for=\"test\">Flash the screen\n <select size=\"1\">\n <option selected=\"selected\">1</option>\n <option>2</option>\n <option>3</option>\n </select>\n times.\n </label>",-1 410 "filename": "name_test_case_597-manual.html", -1 411 "title": "Name test case 597", -1 412 "html": "<p>This test examines the ARIA properties for Name test case 597.</p>\n <div id=\"test\" aria-label=\"Tag\">foo</div>", 420 413 "selector": "#test",421 -1 "name": "Flash the screen 1 times."-1 414 "name": "Tag" -1 415 }, -1 416 { -1 417 "filename": "name_checkbox-label-multiple-label-manual.html", -1 418 "title": "Name checkbox-label-multiple-label", -1 419 "html": "<p>This test examines the ARIA properties for Name checkbox-label-multiple-label.</p>\n <label>This <input type=\"checkbox\" id=\"test\" /> is</label>\n <label for=\"test\">a test</label>", -1 420 "selector": "#test", -1 421 "name": "This is a test" -1 422 }, -1 423 { -1 424 "filename": "description_1.0_combobox-focusable-manual.html", -1 425 "title": "Description 1.0 combobox-focusable", -1 426 "html": "<p>This test examines the ARIA properties for Description 1.0 combobox-focusable.</p>\n <div id=\"test\" role=\"combobox\" tabindex=\"0\" title=\"Choose your language.\">\n <span> English </span>\n </div>", -1 427 "selector": "#test", -1 428 "description": "" 422 429 }, 423 430 { 424 431 "filename": "name_test_case_734-manual.html", @@ -428,298 +435,291 @@ window.wpt["accname"] = [ 428 435 "name": "crazy" 429 436 }, 430 437 {431 -1 "filename": "name_test_case_605-manual.html",432 -1 "title": "Name test case 605",433 -1 "html": "<p>This test examines the ARIA properties for Name test case 605.</p>\n <a href=\"test.html\" id=\"test\" aria-labelledby=\"ID1\" aria-label=\"Tag\">foo</a>\n <p id=\"ID1\">bar</p>",434 -1 "selector": "#test",435 -1 "name": "bar"436 -1 },437 -1 {438 -1 "filename": "name_test_case_566-manual.html",439 -1 "title": "Name test case 566",440 -1 "html": "<p>This test examines the ARIA properties for Name test case 566.</p>\n <input type=\"text\" value=\"peanuts\" id=\"ID1\">\n <input type=\"text\" value=\"popcorn\" id=\"ID2\">\n <input type=\"text\" value=\"apple jacks\" id=\"ID3\">\n <img id=\"test\" aria-label=\"\" aria-labelledby=\"test ID1 ID2 ID3\" alt=\"\" title=\"t\" src=\"foo.jpg\"/>",-1 438 "filename": "name_1.0_combobox-focusable-manual.html", -1 439 "title": "Name 1.0 combobox-focusable", -1 440 "html": "<p>This test examines the ARIA properties for Name 1.0 combobox-focusable.</p>\n <div id=\"test\" role=\"combobox\" tabindex=\"0\" title=\"Choose your language.\">\n <span> English </span>\n </div>", 441 441 "selector": "#test",442 -1 "name": "t peanuts popcorn apple jacks"-1 442 "name": "Choose your language." 443 443 }, 444 444 {445 -1 "filename": "name_text-label-embedded-spinbutton-manual.html",446 -1 "title": "Name text-label-embedded-spinbutton",447 -1 "html": "<p>This test examines the ARIA properties for Name text-label-embedded-spinbutton.</p>\n <input type=\"text\" id=\"test\" />\n <label for=\"test\">foo <input role=\"spinbutton\" type=\"number\" value=\"5\" min=\"1\" max=\"10\" aria-valuenow=\"5\" aria-valuemin=\"1\" aria-valuemax=\"10\"> baz\n </label>",-1 445 "filename": "name_radio-label-embedded-menu-manual.html", -1 446 "title": "Name radio-label-embedded-menu", -1 447 "html": "<p>This test examines the ARIA properties for Name radio-label-embedded-menu.</p>\n <input type=\"radio\" id=\"test\" />\n <label for=\"test\">Flash the screen\n <span role=\"menu\">\n <span role=\"menuitem\" aria-selected=\"true\">1</span>\n <span role=\"menuitem\" hidden>2</span>\n <span role=\"menuitem\" hidden>3</span>\n </span>\n times.\n </label>", 448 448 "selector": "#test",449 -1 "name": "foo 5 baz"-1 449 "name": "Flash the screen times." 450 450 }, 451 451 {452 -1 "filename": "name_test_case_759-manual.html",453 -1 "title": "Name test case 759",454 -1 "html": "<p>This test examines the ARIA properties for Name test case 759.</p>\n <style>\n label:after { content:\" fruit\"; }\n </style>\n <label for=\"test\">fancy</label>\n <input type=\"checkbox\" id=\"test\"/>",-1 452 "filename": "name_test_case_747-manual.html", -1 453 "title": "Name test case 747", -1 454 "html": "<p>This test examines the ARIA properties for Name test case 747.</p>\n <label for=\"test\">\n crazy\n <div role=\"spinbutton\" aria-valuemin=\"1\" aria-valuemax=\"7\" aria-valuenow=\"4\">\n </div>\n </label>\n <input type=\"image\" src=\"foo.jpg\" id=\"test\"/>", 455 455 "selector": "#test",456 -1 "name": "fancy fruit"-1 456 "name": "crazy 4" 457 457 }, 458 458 {459 -1 "filename": "name_image-title-manual.html",460 -1 "title": "Name image-title",461 -1 "html": "<p>This test examines the ARIA properties for Name image-title.</p>\n <input type=\"image\" src=\"test.png\" id=\"test\" title=\"foo\" />",-1 459 "filename": "name_test_case_616-manual.html", -1 460 "title": "Name test case 616", -1 461 "html": "<p>This test examines the ARIA properties for Name test case 616.</p>\n <input type=\"image\" id=\"test\">\n <label for=\"test\">foo</label>", 462 462 "selector": "#test", 463 463 "name": "foo" 464 464 }, 465 465 {466 -1 "filename": "name_text-label-embedded-combobox-manual.html",467 -1 "title": "Name text-label-embedded-combobox",468 -1 "html": "<p>This test examines the ARIA properties for Name text-label-embedded-combobox.</p>\n <input type=\"text\" id=\"test\" />\n <label for=\"test\">Flash the screen\n <div role=\"combobox\">\n <div role=\"textbox\"></div>\n <ul role=\"listbox\" style=\"list-style-type: none;\">\n <li role=\"option\" aria-selected=\"true\">1</li>\n <li role=\"option\">2</li>\n <li role=\"option\">3</li>\n </ul>\n </div>\n times.\n </label>",-1 466 "filename": "name_password-label-embedded-menu-manual.html", -1 467 "title": "Name password-label-embedded-menu", -1 468 "html": "<p>This test examines the ARIA properties for Name password-label-embedded-menu.</p>\n <input type=\"password\" id=\"test\" />\n <label for=\"test\">Flash the screen\n <span role=\"menu\">\n <span role=\"menuitem\" aria-selected=\"true\">1</span>\n <span role=\"menuitem\" hidden>2</span>\n <span role=\"menuitem\" hidden>3</span>\n </span>\n times.\n </label>", 469 469 "selector": "#test",470 -1 "name": "Flash the screen 1 times."-1 470 "name": "Flash the screen times." 471 471 }, 472 472 {473 -1 "filename": "name_test_case_608-manual.html",474 -1 "title": "Name test case 608",475 -1 "html": "<p>This test examines the ARIA properties for Name test case 608.</p>\n <a href=\"test.html\" id=\"test\" title=\"Tag\"></a>",-1 473 "filename": "description_test_case_557-manual.html", -1 474 "title": "Description test case 557", -1 475 "html": "<p>This test examines the ARIA properties for Description test case 557.</p>\n <img id=\"test\" src=\"foo.jpg\" aria-label=\"1\" alt=\"a\" title=\"t\"/>", 476 476 "selector": "#test",477 -1 "name": "Tag"-1 477 "description": "t" 478 478 }, 479 479 {480 -1 "filename": "name_1.0_combobox-focusable-alternative-manual.html",481 -1 "title": "Name 1.0 combobox-focusable-alternative",482 -1 "html": "<p>This test examines the ARIA properties for Name 1.0 combobox-focusable-alternative.</p>\n <input id=\"test\" role=\"combobox\" type=\"text\" title=\"Choose your language\" value=\"English\">",-1 480 "filename": "name_test_case_598-manual.html", -1 481 "title": "Name test case 598", -1 482 "html": "<p>This test examines the ARIA properties for Name test case 598.</p>\n <div id=\"test\" aria-labelledby=\"ID1\" aria-label=\"Tag\">foo</div>\n <span id=\"ID1\">bar</span>", 483 483 "selector": "#test",484 -1 "name": "Choose your language"-1 484 "name": "bar" 485 485 }, 486 486 {487 -1 "filename": "name_file-title-manual.html",488 -1 "title": "Name file-title",489 -1 "html": "<p>This test examines the ARIA properties for Name file-title.</p>\n <input type=\"file\" id=\"test\" title=\"foo\" />",-1 487 "filename": "name_test_case_602-manual.html", -1 488 "title": "Name test case 602", -1 489 "html": "<p>This test examines the ARIA properties for Name test case 602.</p>\n <div id=\"test\" role=\"button\" title=\"Tag\" style=\"outline:medium solid black; width:2em; height:1em;\">\n </div>", 490 490 "selector": "#test",491 -1 "name": "foo"-1 491 "name": "Tag" 492 492 }, 493 493 {494 -1 "filename": "name_test_case_615-manual.html",495 -1 "title": "Name test case 615",496 -1 "html": "<p>This test examines the ARIA properties for Name test case 615.</p>\n <input type=\"file\" id=\"test\">\n <label for=\"test\">foo</label>",-1 494 "filename": "name_test_case_725-manual.html", -1 495 "title": "Name test case 725", -1 496 "html": "<p>This test examines the ARIA properties for Name test case 725.</p>\n <label for=\"test\">File:</label>\n <input type=\"file\" id=\"test\"/>", 497 497 "selector": "#test",498 -1 "name": "foo"-1 498 "name": "File:" 499 499 }, 500 500 {501 -1 "filename": "name_text-label-embedded-slider-manual.html",502 -1 "title": "Name text-label-embedded-slider",503 -1 "html": "<p>This test examines the ARIA properties for Name text-label-embedded-slider.</p>\n <input type=\"text\" id=\"test\" />\n <label for=\"test\">foo <input role=\"slider\" type=\"range\" value=\"5\" min=\"1\" max=\"10\" aria-valuenow=\"5\" aria-valuemin=\"1\" aria-valuemax=\"10\"> baz\n </label>",-1 501 "filename": "name_test_case_562-manual.html", -1 502 "title": "Name test case 562", -1 503 "html": "<p>This test examines the ARIA properties for Name test case 562.</p>\n <input type=\"text\" value=\"peanuts\" id=\"ID1\">\n <input type=\"text\" value=\"popcorn\" id=\"ID2\">\n <input type=\"text\" value=\"apple jacks\" id=\"ID3\">\n <img aria-labelledby=\"ID1 ID2 ID3\" id=\"test\" src=\"foo.jpg\"/>", 504 504 "selector": "#test",505 -1 "name": "foo 5 baz"-1 505 "name": "peanuts popcorn apple jacks" 506 506 }, 507 507 {508 -1 "filename": "name_test_case_596-manual.html",509 -1 "title": "Name test case 596",510 -1 "html": "<p>This test examines the ARIA properties for Name test case 596.</p>\n <div id=\"test\" aria-labelledby=\"ID1\">foo</div>\n <span id=\"ID1\">bar</span>",-1 508 "filename": "name_test_case_599-manual.html", -1 509 "title": "Name test case 599", -1 510 "html": "<p>This test examines the ARIA properties for Name test case 599.</p>\n <div id=\"test\" aria-labelledby=\"ID0 ID1\" aria-label=\"Tag\">foo</div>\n <span id=\"ID0\">bar</span>\n <span id=\"ID1\">baz</span>", 511 511 "selector": "#test",512 -1 "name": "bar"-1 512 "name": "bar baz" 513 513 }, 514 514 {515 -1 "filename": "description_test_case_broken_reference-manual.html",516 -1 "title": "Description test case broken reference",517 -1 "html": "<p>This test examines the ARIA properties for Description test case broken reference.</p>\n <img src=\"foo.jpg\" id=\"test\" alt=\"test\" aria-describedby=\"t1\">",-1 515 "filename": "name_file-label-inline-hidden-elements-manual.html", -1 516 "title": "Name file-label-inline-hidden-elements", -1 517 "html": "<p>This test examines the ARIA properties for Name file-label-inline-hidden-elements.</p>\n <style>\n .hidden { display: none; }\n </style>\n <input type=\"file\" id=\"test\" />\n <label for=\"test\">\n <span class=\"hidden\">1</span><span>2</span>\n <span style=\"visibility: hidden;\">3</span><span>4</span>\n <span hidden>5</span><span>6</span>\n <span aria-hidden=\"true\">7</span><span>8</span>\n <span aria-hidden=\"false\" class=\"hidden\">9</span><span>10</span>\n </label>", 518 518 "selector": "#test",519 -1 "description": ""-1 519 "name": "2 4 6 8 10" 520 520 }, 521 521 {522 -1 "filename": "name_file-label-embedded-slider-manual.html",523 -1 "title": "Name file-label-embedded-slider",524 -1 "html": "<p>This test examines the ARIA properties for Name file-label-embedded-slider.</p>\n <input type=\"file\" id=\"test\" />\n <label for=\"test\">foo <input role=\"slider\" type=\"range\" value=\"5\" min=\"1\" max=\"10\" aria-valuenow=\"5\" aria-valuemin=\"1\" aria-valuemax=\"10\"> baz\n </label>",-1 522 "filename": "name_text-title-manual.html", -1 523 "title": "Name text-title", -1 524 "html": "<p>This test examines the ARIA properties for Name text-title.</p>\n <input type=\"text\" id=\"test\" title=\"foo\" />", 525 525 "selector": "#test",526 -1 "name": "foo 5 baz"-1 526 "name": "foo" 527 527 }, 528 528 {529 -1 "filename": "name_file-label-owned-combobox-manual.html",530 -1 "title": "Name file-label-owned-combobox",531 -1 "html": "<p>This test examines the ARIA properties for Name file-label-owned-combobox.</p>\n <input type=\"file\" id=\"test\" />\n <label for=\"test\">Flash <span aria-owns=\"id1\">the screen</span> times.</label>\n <div id=\"id1\">\n <div role=\"combobox\">\n <div role=\"textbox\"></div>\n <ul role=\"listbox\" style=\"list-style-type: none;\">\n <li role=\"option\" aria-selected=\"true\">1 </li>\n <li role=\"option\">2 </li>\n <li role=\"option\">3 </li>\n </ul>\n </div>\n </div>",-1 529 "filename": "name_link-with-label-manual.html", -1 530 "title": "Name link-with-label", -1 531 "html": "<p>This test examines the ARIA properties for Name link-with-label.</p>\n <a id=\"test\" href=\"#\" aria-label=\"California\" title=\"San Francisco\" >United States</a>", 532 532 "selector": "#test",533 -1 "name": "Flash the screen 1 times."-1 533 "name": "California" 534 534 }, 535 535 {536 -1 "filename": "name_password-label-embedded-menu-manual.html",537 -1 "title": "Name password-label-embedded-menu",538 -1 "html": "<p>This test examines the ARIA properties for Name password-label-embedded-menu.</p>\n <input type=\"password\" id=\"test\" />\n <label for=\"test\">Flash the screen\n <span role=\"menu\">\n <span role=\"menuitem\" aria-selected=\"true\">1</span>\n <span role=\"menuitem\" hidden>2</span>\n <span role=\"menuitem\" hidden>3</span>\n </span>\n times.\n </label>",-1 536 "filename": "name_test_case_605-manual.html", -1 537 "title": "Name test case 605", -1 538 "html": "<p>This test examines the ARIA properties for Name test case 605.</p>\n <a href=\"test.html\" id=\"test\" aria-labelledby=\"ID1\" aria-label=\"Tag\">foo</a>\n <p id=\"ID1\">bar</p>", 539 539 "selector": "#test",540 -1 "name": "Flash the screen times."-1 540 "name": "bar" 541 541 }, 542 542 {543 -1 "filename": "name_checkbox-label-embedded-combobox-manual.html",544 -1 "title": "Name checkbox-label-embedded-combobox",545 -1 "html": "<p>This test examines the ARIA properties for Name checkbox-label-embedded-combobox.</p>\n <input type=\"checkbox\" id=\"test\" />\n <label for=\"test\">Flash the screen\n <div role=\"combobox\">\n <div role=\"textbox\"></div>\n <ul role=\"listbox\" style=\"list-style-type: none;\">\n <li role=\"option\" aria-selected=\"true\">1</li>\n <li role=\"option\">2</li>\n <li role=\"option\">3</li>\n </ul>\n </div>\n times.\n </label>",-1 543 "filename": "name_test_case_551-manual.html", -1 544 "title": "Name test case 551", -1 545 "html": "<p>This test examines the ARIA properties for Name test case 551.</p>\n <input type=\"text\" id=\"test\" title=\"crazy\" value=\"baz\"/>", 546 546 "selector": "#test",547 -1 "name": "Flash the screen 1 times."-1 547 "name": "crazy" 548 548 }, 549 549 {550 -1 "filename": "name_password-label-embedded-combobox-manual.html",551 -1 "title": "Name password-label-embedded-combobox",552 -1 "html": "<p>This test examines the ARIA properties for Name password-label-embedded-combobox.</p>\n <input type=\"password\" id=\"test\" />\n <label for=\"test\">Flash the screen\n <div role=\"combobox\">\n <div role=\"textbox\"></div>\n <ul role=\"listbox\" style=\"list-style-type: none;\">\n <li role=\"option\" aria-selected=\"true\">1</li>\n <li role=\"option\">2</li>\n <li role=\"option\">3</li>\n </ul>\n </div>\n times.\n </label>",-1 550 "filename": "description_link-with-label-manual.html", -1 551 "title": "Description link-with-label", -1 552 "html": "<p>This test examines the ARIA properties for Description link-with-label.</p>\n <a id=\"test\" href=\"#\" aria-label=\"California\" title=\"San Francisco\" >United States</a>", 553 553 "selector": "#test",554 -1 "name": "Flash the screen 1 times."-1 554 "description": "San Francisco" 555 555 }, 556 556 {557 -1 "filename": "name_test_case_539-manual.html",558 -1 "title": "Name test case 539",559 -1 "html": "<p>This test examines the ARIA properties for Name test case 539.</p>\n <input type=\"button\" aria-label=\"Rich\" id=\"test\">",-1 557 "filename": "name_test_case_730-manual.html", -1 558 "title": "Name test case 730", -1 559 "html": "<p>This test examines the ARIA properties for Name test case 730.</p>\n <label for=\"test\">\n foo\n <input type=\"text\" value=\"David\"/>\n </label>\n <input type=\"file\" id=\"test\"/>", 560 560 "selector": "#test",561 -1 "name": "Rich"-1 561 "name": "foo David" 562 562 }, 563 563 {564 -1 "filename": "name_test_case_616-manual.html",565 -1 "title": "Name test case 616",566 -1 "html": "<p>This test examines the ARIA properties for Name test case 616.</p>\n <input type=\"image\" id=\"test\">\n <label for=\"test\">foo</label>",-1 564 "filename": "name_radio-label-embedded-select-manual.html", -1 565 "title": "Name radio-label-embedded-select", -1 566 "html": "<p>This test examines the ARIA properties for Name radio-label-embedded-select.</p>\n <input type=\"radio\" id=\"test\" />\n <label for=\"test\">Flash the screen\n <select size=\"1\">\n <option selected=\"selected\">1</option>\n <option>2</option>\n <option>3</option>\n </select>\n times.\n </label>", 567 567 "selector": "#test",568 -1 "name": "foo"-1 568 "name": "Flash the screen 1 times." 569 569 }, 570 570 {571 -1 "filename": "name_test_case_559-manual.html",572 -1 "title": "Name test case 559",573 -1 "html": "<p>This test examines the ARIA properties for Name test case 559.</p>\n <img id=\"test\" aria-labelledby=\"test\" src=\"foo.jpg\"/>",-1 571 "filename": "name_checkbox-label-multiple-label-alternative-manual.html", -1 572 "title": "Name checkbox-label-multiple-label-alternative", -1 573 "html": "<p>This test examines the ARIA properties for Name checkbox-label-multiple-label-alternative.</p>\n <label for=\"test\">a test</label>\n <label>This <input type=\"checkbox\" id=\"test\" /> is</label>", 574 574 "selector": "#test",575 -1 "name": ""-1 575 "name": "a test This is" 576 576 }, 577 577 {578 -1 "filename": "name_test_case_760-manual.html",579 -1 "title": "Name test case 760",580 -1 "html": "<p>This test examines the ARIA properties for Name test case 760.</p>\n <style>\n label:after { content:\" fruit\"; }\n </style>\n <label for=\"test\">fancy</label>\n <input type=\"radio\" id=\"test\"/>",-1 578 "filename": "name_test_case_762-manual.html", -1 579 "title": "Name test case 762", -1 580 "html": "<p>This test examines the ARIA properties for Name test case 762.</p>\n <style>\n label:after { content:\" fruit\"; }\n </style>\n <label for=\"test\">fancy</label>\n <input type=\"image\" src=\"foo.jpg\" id=\"test\"/>", 581 581 "selector": "#test", 582 582 "name": "fancy fruit" 583 583 }, 584 584 {585 -1 "filename": "name_test_case_748-manual.html",586 -1 "title": "Name test case 748",587 -1 "html": "<p>This test examines the ARIA properties for Name test case 748.</p>\n <input type=\"password\" id=\"test\" title=\"crazy\" value=\"baz\"/>",-1 585 "filename": "name_test_case_619-manual.html", -1 586 "title": "Name test case 619", -1 587 "html": "<p>This test examines the ARIA properties for Name test case 619.</p>\n <input type=\"password\" id=\"test\">\n <label for=\"test\">foo<input type=\"text\" value=\"bar\">baz</label>", 588 588 "selector": "#test",589 -1 "name": "crazy"-1 589 "name": "foo bar baz" 590 590 }, 591 591 {592 -1 "filename": "name_test_case_607-manual.html",593 -1 "title": "Name test case 607",594 -1 "html": "<p>This test examines the ARIA properties for Name test case 607.</p>\n <a href=\"test.html\" id=\"test\">ABC</a>",-1 592 "filename": "name_radio-label-embedded-combobox-manual.html", -1 593 "title": "Name radio-label-embedded-combobox", -1 594 "html": "<p>This test examines the ARIA properties for Name radio-label-embedded-combobox.</p>\n <input type=\"radio\" id=\"test\" />\n <label for=\"test\">Flash the screen\n <div role=\"combobox\">\n <div role=\"textbox\"></div>\n <ul role=\"listbox\" style=\"list-style-type: none;\">\n <li role=\"option\" aria-selected=\"true\">1</li>\n <li role=\"option\">2</li>\n <li role=\"option\">3</li>\n </ul>\n </div>\n times.\n </label>", 595 595 "selector": "#test",596 -1 "name": "ABC"-1 596 "name": "Flash the screen 1 times." 597 597 }, 598 598 {599 -1 "filename": "name_test_case_564-manual.html",600 -1 "title": "Name test case 564",601 -1 "html": "<p>This test examines the ARIA properties for Name test case 564.</p>\n <input type=\"text\" value=\"peanuts\" id=\"ID1\">\n <input type=\"text\" value=\"popcorn\" id=\"ID2\">\n <img id=\"test\" aria-label=\"l\" aria-labelledby=\"test ID1 ID2\" src=\"foo.jpg\"/>",-1 599 "filename": "name_test_case_558-manual.html", -1 600 "title": "Name test case 558", -1 601 "html": "<p>This test examines the ARIA properties for Name test case 558.</p>\n <input type=\"text\" value=\"peanuts\" id=\"test\">\n <img aria-labelledby=\"test\" src=\"foo.jpg\"/>", 602 602 "selector": "#test",603 -1 "name": "l peanuts popcorn"-1 603 "name": "" 604 604 }, 605 605 {606 -1 "filename": "name_test_case_752-manual.html",607 -1 "title": "Name test case 752",608 -1 "html": "<p>This test examines the ARIA properties for Name test case 752.</p>\n <input type=\"image\" src=\"foo.jpg\" id=\"test\" title=\"crazy\"/>",-1 606 "filename": "name_test_case_565-manual.html", -1 607 "title": "Name test case 565", -1 608 "html": "<p>This test examines the ARIA properties for Name test case 565.</p>\n <input type=\"text\" value=\"peanuts\" id=\"ID1\">\n <input type=\"text\" value=\"popcorn\" id=\"ID2\">\n <input type=\"text\" value=\"apple jacks\" id=\"ID3\">\n <img id=\"test\" aria-label=\"l\" aria-labelledby=\"test ID1 ID2 ID3\" alt= \"a\" title=\"t\" src=\"foo.jpg\"/>", 609 609 "selector": "#test",610 -1 "name": "crazy"-1 610 "name": "l peanuts popcorn apple jacks" 611 611 }, 612 612 {613 -1 "filename": "name_test_case_728-manual.html",614 -1 "title": "Name test case 728",615 -1 "html": "<p>This test examines the ARIA properties for Name test case 728.</p>\n <label for=\"test\">\n foo\n <input type=\"text\" value=\"David\"/>\n </label>\n <input type=\"checkbox\" id=\"test\"/>",-1 613 "filename": "name_checkbox-label-embedded-combobox-manual.html", -1 614 "title": "Name checkbox-label-embedded-combobox", -1 615 "html": "<p>This test examines the ARIA properties for Name checkbox-label-embedded-combobox.</p>\n <input type=\"checkbox\" id=\"test\" />\n <label for=\"test\">Flash the screen\n <div role=\"combobox\">\n <div role=\"textbox\"></div>\n <ul role=\"listbox\" style=\"list-style-type: none;\">\n <li role=\"option\" aria-selected=\"true\">1</li>\n <li role=\"option\">2</li>\n <li role=\"option\">3</li>\n </ul>\n </div>\n times.\n </label>", 616 616 "selector": "#test",617 -1 "name": "foo David"-1 617 "name": "Flash the screen 1 times." 618 618 }, 619 619 {620 -1 "filename": "name_checkbox-label-embedded-listbox-manual.html",621 -1 "title": "Name checkbox-label-embedded-listbox",622 -1 "html": "<p>This test examines the ARIA properties for Name checkbox-label-embedded-listbox.</p>\n <input type=\"checkbox\" id=\"test\" />\n <label for=\"test\">Flash the screen\n <ul role=\"listbox\" style=\"list-style-type: none;\">\n <li role=\"option\" aria-selected=\"true\">1</li>\n <li role=\"option\">2</li>\n <li role=\"option\">3</li>\n </ul>\n times.\n </label>",-1 620 "filename": "name_link-mixed-content-manual.html", -1 621 "title": "Name link-mixed-content", -1 622 "html": "<p>This test examines the ARIA properties for Name link-mixed-content.</p>\n <style>\n .hidden { display: none; }\n </style>\n <div id=\"test\" role=\"link\" tabindex=\"0\">\n <span aria-hidden=\"true\"><i> Hello, </i></span>\n <span>My</span> name is\n <div><img src=\"file.jpg\" title=\"Bryan\" alt=\"\" role=\"presentation\" /></div>\n <span role=\"presentation\" aria-label=\"Eli\"><span aria-label=\"Garaventa\">Zambino</span></span>\n <span>the weird.</span>\n (QED)\n <span class=\"hidden\"><i><b>and don't you forget it.</b></i></span>\n </div>", 623 623 "selector": "#test",624 -1 "name": "Flash the screen 1 times."-1 624 "name": "My name is Eli the weird. (QED)" 625 625 }, 626 626 {627 -1 "filename": "name_password-label-embedded-slider-manual.html",628 -1 "title": "Name password-label-embedded-slider",629 -1 "html": "<p>This test examines the ARIA properties for Name password-label-embedded-slider.</p>\n <input type=\"password\" id=\"test\" />\n <label for=\"test\">foo <input role=\"slider\" type=\"range\" value=\"5\" min=\"1\" max=\"10\" aria-valuenow=\"5\" aria-valuemin=\"1\" aria-valuemax=\"10\"> baz\n </label>",-1 627 "filename": "name_text-label-embedded-slider-manual.html", -1 628 "title": "Name text-label-embedded-slider", -1 629 "html": "<p>This test examines the ARIA properties for Name text-label-embedded-slider.</p>\n <input type=\"text\" id=\"test\" />\n <label for=\"test\">foo <input role=\"slider\" type=\"range\" value=\"5\" min=\"1\" max=\"10\" aria-valuenow=\"5\" aria-valuemin=\"1\" aria-valuemax=\"10\"> baz\n </label>", 630 630 "selector": "#test", 631 631 "name": "foo 5 baz" 632 632 }, 633 633 {634 -1 "filename": "name_test_case_553-manual.html",635 -1 "title": "Name test case 553",636 -1 "html": "<p>This test examines the ARIA properties for Name test case 553.</p>\n <style type=\"text/css\">\n [data-after]:after { content: attr(data-after); }\n </style>\n <label for=\"test\" data-after=\"test content\"></label>\n <input type=\"text\" id=\"test\">",-1 634 "filename": "name_test_case_728-manual.html", -1 635 "title": "Name test case 728", -1 636 "html": "<p>This test examines the ARIA properties for Name test case 728.</p>\n <label for=\"test\">\n foo\n <input type=\"text\" value=\"David\"/>\n </label>\n <input type=\"checkbox\" id=\"test\"/>", 637 637 "selector": "#test",638 -1 "name": "test content"-1 638 "name": "foo David" 639 639 }, 640 640 {641 -1 "filename": "name_password-label-embedded-spinbutton-manual.html",642 -1 "title": "Name password-label-embedded-spinbutton",643 -1 "html": "<p>This test examines the ARIA properties for Name password-label-embedded-spinbutton.</p>\n <input type=\"password\" id=\"test\" />\n <label for=\"test\">foo <input role=\"spinbutton\" type=\"number\" value=\"5\" min=\"1\" max=\"10\" aria-valuenow=\"5\" aria-valuemin=\"1\" aria-valuemax=\"10\"> baz\n </label>",-1 641 "filename": "name_password-title-manual.html", -1 642 "title": "Name password-title", -1 643 "html": "<p>This test examines the ARIA properties for Name password-title.</p>\n <input type=\"password\" id=\"test\" title=\"foo\" />", 644 644 "selector": "#test",645 -1 "name": "foo 5 baz"-1 645 "name": "foo" 646 646 }, 647 647 {648 -1 "filename": "name_test_case_609-manual.html",649 -1 "title": "Name test case 609",650 -1 "html": "<p>This test examines the ARIA properties for Name test case 609.</p>\n <input id=\"test\" type=\"text\" aria-labelledby=\"ID1 ID2 ID3\">\n <p id=\"ID1\">foo</p>\n <p id=\"ID2\">bar</p>\n <p id=\"ID3\">baz</p>",-1 648 "filename": "description_test_case_666-manual.html", -1 649 "title": "Description test case 666", -1 650 "html": "<p>This test examines the ARIA properties for Description test case 666.</p>\n <div>\n <img id=\"test\" aria-describedby=\"ID1\" src=\"test.png\">\n </div>\n <div id=\"ID1\" role=\"presentation\">foo</div>", 651 651 "selector": "#test",652 -1 "name": "foo bar baz"-1 652 "description": "foo" 653 653 }, 654 654 {655 -1 "filename": "name_test_case_745-manual.html",656 -1 "title": "Name test case 745",657 -1 "html": "<p>This test examines the ARIA properties for Name test case 745.</p>\n <label for=\"test\">\n crazy\n <div role=\"spinbutton\" aria-valuemin=\"1\" aria-valuemax=\"7\" aria-valuenow=\"4\">\n </div>\n </label>\n <input type=\"radio\" id=\"test\"/>",-1 655 "filename": "name_test_case_723-manual.html", -1 656 "title": "Name test case 723", -1 657 "html": "<p>This test examines the ARIA properties for Name test case 723.</p>\n <label for=\"test\">States:</label>\n <input type=\"checkbox\" id=\"test\"/>", 658 658 "selector": "#test",659 -1 "name": "crazy 4"-1 659 "name": "States:" 660 660 }, 661 661 {662 -1 "filename": "name_test_case_541-manual.html",663 -1 "title": "Name test case 541",664 -1 "html": "<p>This test examines the ARIA properties for Name test case 541.</p>\n <div id=\"ID1\">Rich's button</div>\n <input type=\"button\" aria-label=\"bar\" aria-labelledby=\"ID1\" id=\"test\"/>",-1 662 "filename": "name_test_case_735-manual.html", -1 663 "title": "Name test case 735", -1 664 "html": "<p>This test examines the ARIA properties for Name test case 735.</p>\n <label for=\"test\">\n crazy\n <select name=\"member\" size=\"1\" role=\"menu\" tabindex=\"0\">\n <option role=\"menuitem\" value=\"beard\" selected=\"true\">clown</option>\n <option role=\"menuitem\" value=\"scuba\">rich</option>\n </select>\n </label>\n <input type=\"radio\" id=\"test\"/>", 665 665 "selector": "#test",666 -1 "name": "Rich's button"-1 666 "name": "crazy" 667 667 }, 668 668 {669 -1 "filename": "name_test_case_736-manual.html",670 -1 "title": "Name test case 736",671 -1 "html": "<p>This test examines the ARIA properties for Name test case 736.</p>\n <label for=\"test\">\n crazy\n <select name=\"member\" size=\"1\" role=\"menu\" tabindex=\"0\">\n <option role=\"menuitem\" value=\"beard\" selected=\"true\">clown</option>\n <option role=\"menuitem\" value=\"scuba\">rich</option>\n </select>\n </label>\n <input type=\"file\" id=\"test\"/>",-1 669 "filename": "name_test_case_744-manual.html", -1 670 "title": "Name test case 744", -1 671 "html": "<p>This test examines the ARIA properties for Name test case 744.</p>\n <label for=\"test\">\n crazy\n <div role=\"spinbutton\" aria-valuemin=\"1\" aria-valuemax=\"7\" aria-valuenow=\"4\">\n </div>\n </label>\n <input type=\"checkbox\" id=\"test\"/>", 672 672 "selector": "#test",673 -1 "name": "crazy"-1 673 "name": "crazy 4" 674 674 }, 675 675 {676 -1 "filename": "name_checkbox-label-multiple-label-alternative-manual.html",677 -1 "title": "Name checkbox-label-multiple-label-alternative",678 -1 "html": "<p>This test examines the ARIA properties for Name checkbox-label-multiple-label-alternative.</p>\n <label for=\"test\">a test</label>\n <label>This <input type=\"checkbox\" id=\"test\" /> is</label>",-1 676 "filename": "name_file-title-manual.html", -1 677 "title": "Name file-title", -1 678 "html": "<p>This test examines the ARIA properties for Name file-title.</p>\n <input type=\"file\" id=\"test\" title=\"foo\" />", 679 679 "selector": "#test",680 -1 "name": "a test This is"-1 680 "name": "foo" 681 681 }, 682 682 {683 -1 "filename": "name_test_case_610-manual.html",684 -1 "title": "Name test case 610",685 -1 "html": "<p>This test examines the ARIA properties for Name test case 610.</p>\n <input id=\"test\" type=\"text\" aria-label=\"bar\" aria-labelledby=\"ID1 test\">\n <div id=\"ID1\">foo</div>",-1 683 "filename": "name_text-label-embedded-combobox-manual.html", -1 684 "title": "Name text-label-embedded-combobox", -1 685 "html": "<p>This test examines the ARIA properties for Name text-label-embedded-combobox.</p>\n <input type=\"text\" id=\"test\" />\n <label for=\"test\">Flash the screen\n <div role=\"combobox\">\n <div role=\"textbox\"></div>\n <ul role=\"listbox\" style=\"list-style-type: none;\">\n <li role=\"option\" aria-selected=\"true\">1</li>\n <li role=\"option\">2</li>\n <li role=\"option\">3</li>\n </ul>\n </div>\n times.\n </label>", 686 686 "selector": "#test",687 -1 "name": "foo bar"-1 687 "name": "Flash the screen 1 times." 688 688 }, 689 689 {690 -1 "filename": "name_test_case_540-manual.html",691 -1 "title": "Name test case 540",692 -1 "html": "<p>This test examines the ARIA properties for Name test case 540.</p>\n <div id=\"ID1\">Rich's button</div>\n <input type=\"button\" aria-labelledby=\"ID1\" id=\"test\">",-1 690 "filename": "name_test_case_559-manual.html", -1 691 "title": "Name test case 559", -1 692 "html": "<p>This test examines the ARIA properties for Name test case 559.</p>\n <img id=\"test\" aria-labelledby=\"test\" src=\"foo.jpg\"/>", 693 693 "selector": "#test",694 -1 "name": "Rich's button"-1 694 "name": "" 695 695 }, 696 696 {697 -1 "filename": "name_checkbox-label-embedded-spinbutton-manual.html",698 -1 "title": "Name checkbox-label-embedded-spinbutton",699 -1 "html": "<p>This test examines the ARIA properties for Name checkbox-label-embedded-spinbutton.</p>\n <input type=\"checkbox\" id=\"test\" />\n <label for=\"test\">foo <input role=\"spinbutton\" type=\"number\" value=\"5\" min=\"1\" max=\"10\" aria-valuenow=\"5\" aria-valuemin=\"1\" aria-valuemax=\"10\"> baz\n </label>",700 -1 "selector": "#test",701 -1 "name": "foo 5 baz"-1 697 "filename": "name_1.0_combobox-focusable-alternative-manual.html", -1 698 "title": "Name 1.0 combobox-focusable-alternative", -1 699 "html": "<p>This test examines the ARIA properties for Name 1.0 combobox-focusable-alternative.</p>\n <input id=\"test\" role=\"combobox\" type=\"text\" title=\"Choose your language\" value=\"English\">", -1 700 "selector": "#test", -1 701 "name": "Choose your language" 702 702 }, 703 703 {704 -1 "filename": "description_title-same-element-manual.html",705 -1 "title": "Description title-same-element",706 -1 "html": "<p>This test examines the ARIA properties for Description title-same-element.</p>\n <div><input aria-label=\"Name\" id=\"test\" title=\"Title\" aria-describedby=\"ID1\" type=\"text\"></div>\n <div id=\"ID1\">Description</div>",-1 704 "filename": "name_text-label-embedded-spinbutton-manual.html", -1 705 "title": "Name text-label-embedded-spinbutton", -1 706 "html": "<p>This test examines the ARIA properties for Name text-label-embedded-spinbutton.</p>\n <input type=\"text\" id=\"test\" />\n <label for=\"test\">foo <input role=\"spinbutton\" type=\"number\" value=\"5\" min=\"1\" max=\"10\" aria-valuenow=\"5\" aria-valuemin=\"1\" aria-valuemax=\"10\"> baz\n </label>", 707 707 "selector": "#test",708 -1 "description": "Description"-1 708 "name": "foo 5 baz" 709 709 }, 710 710 {711 -1 "filename": "name_test_case_603-manual.html",712 -1 "title": "Name test case 603",713 -1 "html": "<p>This test examines the ARIA properties for Name test case 603.</p>\n <div id=\"ID1\">foo</div>\n <a id=\"test\" href=\"test.html\" aria-labelledby=\"ID1\">bar</a>",-1 711 "filename": "name_test_case_620-manual.html", -1 712 "title": "Name test case 620", -1 713 "html": "<p>This test examines the ARIA properties for Name test case 620.</p>\n <input type=\"radio\" id=\"test\">\n <label for=\"test\">foo<input type=\"text\" value=\"bar\">baz</label>", 714 714 "selector": "#test",715 -1 "name": "foo"-1 715 "name": "foo bar baz" 716 716 }, 717 717 {718 -1 "filename": "name_test_case_597-manual.html",719 -1 "title": "Name test case 597",720 -1 "html": "<p>This test examines the ARIA properties for Name test case 597.</p>\n <div id=\"test\" aria-label=\"Tag\">foo</div>",-1 718 "filename": "name_test_case_721-manual.html", -1 719 "title": "Name test case 721", -1 720 "html": "<p>This test examines the ARIA properties for Name test case 721.</p>\n <label for=\"test\">States:</label>\n <input type=\"password\" id=\"test\"/>", 721 721 "selector": "#test",722 -1 "name": "Tag"-1 722 "name": "States:" 723 723 }, 724 724 { 725 725 "filename": "name_test_case_727-manual.html", @@ -729,51 +729,37 @@ window.wpt["accname"] = [ 729 729 "name": "foo David" 730 730 }, 731 731 {732 -1 "filename": "description_test_case_838-manual.html",733 -1 "title": "Description test case 838",734 -1 "html": "<p>This test examines the ARIA properties for Description test case 838.</p>\n <img src=\"foo.jpg\" id=\"test\" alt=\"test\" aria-describedby=\"t1\">\n <div id=\"t1\" style=\"visibility:hidden\">foo</div>",735 -1 "selector": "#test",736 -1 "description": "foo"737 -1 },738 -1 {739 -1 "filename": "name_test_case_660-manual.html",740 -1 "title": "Name test case 660",741 -1 "html": "<p>This test examines the ARIA properties for Name test case 660.</p>\n <style type=\"text/css\">\n label:before { content: \"foo\"; }\n label:after { content: \"baz\"; }\n </style>\n <form>\n <label for=\"test\" title=\"bar\"><input id=\"test\" type=\"password\" name=\"test\" title=\"buz\"></label>\n </form>",742 -1 "selector": "#test",743 -1 "name": "foo bar baz"744 -1 },745 -1 {746 -1 "filename": "name_test_case_663a-manual.html",747 -1 "title": "Name test case 663a",748 -1 "html": "<p>This test examines the ARIA properties for Name test case 663a.</p>\n <style type=\"text/css\">\n label:before { content: \"foo\"; }\n label:after { content: \"baz\"; }\n </style>\n <form>\n <label for=\"test\"><input id=\"test\" type=\"image\" src=\"foo.jpg\" name=\"test\" title=\"bar\"></label>\n </form>",-1 732 "filename": "name_test_case_543-manual.html", -1 733 "title": "Name test case 543", -1 734 "html": "<p>This test examines the ARIA properties for Name test case 543.</p>\n <input type=\"reset\" id=\"test\"/>", 749 735 "selector": "#test",750 -1 "name": "foo baz"-1 736 "name": "Reset" 751 737 }, 752 738 {753 -1 "filename": "description_from_content_of_describedby_element-manual.html",754 -1 "title": "Description from content of describedby element",755 -1 "html": "<p>This test examines the ARIA properties for Description from content of describedby element.</p>\n <style>\n .hidden { display: none; }\n </style>\n <input id=\"test\" type=\"text\" aria-label=\"Important stuff\" aria-describedby=\"descId\" />\n <div>\n <div id=\"descId\">\n <span aria-hidden=\"true\"><i> Hello, </i></span>\n <span>My</span> name is\n <div><img src=\"file.jpg\" title=\"Bryan\" alt=\"\" role=\"presentation\" /></div>\n <span role=\"presentation\" aria-label=\"Eli\">\n <span aria-label=\"Garaventa\">Zambino</span>\n </span>\n <span>the weird.</span>\n (QED)\n <span class=\"hidden\"><i><b>and don't you forget it.</b></i></span>\n <table>\n <tr>\n <td>Where</td>\n <td style=\"visibility:hidden;\"><div>in</div></td>\n <td><div style=\"display:none;\">the world</div></td>\n <td>are my marbles?</td>\n </tr>\n </table>\n </div>\n </div>",-1 739 "filename": "description_test_case_774-manual.html", -1 740 "title": "Description test case 774", -1 741 "html": "<p>This test examines the ARIA properties for Description test case 774.</p>\n <img src=\"foo.jpg\" id=\"test\" alt=\"test\" aria-describedby=\"t1\">\n <span id=\"t1\" role=\"presentation\">foo</span>", 756 742 "selector": "#test",757 -1 "description": "My name is Eli the weird. (QED) Where are my marbles?"-1 743 "description": "foo" 758 744 }, 759 745 {760 -1 "filename": "name_test_case_545-manual.html",761 -1 "title": "Name test case 545",762 -1 "html": "<p>This test examines the ARIA properties for Name test case 545.</p>\n <input src=\"baz.html\" type=\"image\" id=\"test\" alt=\"foo\"/>",-1 746 "filename": "name_test_case_603-manual.html", -1 747 "title": "Name test case 603", -1 748 "html": "<p>This test examines the ARIA properties for Name test case 603.</p>\n <div id=\"ID1\">foo</div>\n <a id=\"test\" href=\"test.html\" aria-labelledby=\"ID1\">bar</a>", 763 749 "selector": "#test", 764 750 "name": "foo" 765 751 }, 766 752 {767 -1 "filename": "name_test_case_547-manual.html",768 -1 "title": "Name test case 547",769 -1 "html": "<p>This test examines the ARIA properties for Name test case 547.</p>\n <label for=\"test\">\n foo\n <input type=\"text\" value=\"David\"/>\n </label>\n <input type=\"text\" id=\"test\" value=\"baz\"/>",-1 753 "filename": "name_test_case_753-manual.html", -1 754 "title": "Name test case 753", -1 755 "html": "<p>This test examines the ARIA properties for Name test case 753.</p>\n <style>\n label:before { content:\"fancy \"; }\n </style>\n <label for=\"test\">fruit</label>\n <input type=\"password\" id=\"test\"/>", 770 756 "selector": "#test",771 -1 "name": "foo David"-1 757 "name": "fancy fruit" 772 758 }, 773 759 {774 -1 "filename": "name_test_case_617-manual.html",775 -1 "title": "Name test case 617",776 -1 "html": "<p>This test examines the ARIA properties for Name test case 617.</p>\n <input type=\"checkbox\" id=\"test\">\n <label for=\"test\">foo<input type=\"text\" value=\"bar\">baz</label>",-1 760 "filename": "name_test_case_659-manual.html", -1 761 "title": "Name test case 659", -1 762 "html": "<p>This test examines the ARIA properties for Name test case 659.</p>\n <style type=\"text/css\">\n label:before { content: \"foo\"; }\n label:after { content: \"baz\"; }\n </style>\n <form>\n <label for=\"test\" title=\"bar\"><input id=\"test\" type=\"text\" name=\"test\" title=\"buz\"></label>\n </form>", 777 763 "selector": "#test", 778 764 "name": "foo bar baz" 779 765 }, @@ -785,291 +771,312 @@ window.wpt["accname"] = [ 785 771 "name": "foo baz" 786 772 }, 787 773 {788 -1 "filename": "name_test_case_761-manual.html",789 -1 "title": "Name test case 761",790 -1 "html": "<p>This test examines the ARIA properties for Name test case 761.</p>\n <style>\n label:after { content:\" fruit\"; }\n </style>\n <label for=\"test\">fancy</label>\n <input type=\"file\" id=\"test\"/>",-1 774 "filename": "name_file-label-embedded-spinbutton-manual.html", -1 775 "title": "Name file-label-embedded-spinbutton", -1 776 "html": "<p>This test examines the ARIA properties for Name file-label-embedded-spinbutton.</p>\n <input type=\"file\" id=\"test\" />\n <label for=\"test\">foo <input role=\"spinbutton\" type=\"number\" value=\"5\" min=\"1\" max=\"10\" aria-valuenow=\"5\" aria-valuemin=\"1\" aria-valuemax=\"10\"> baz\n </label>", 791 777 "selector": "#test",792 -1 "name": "fancy fruit"-1 778 "name": "foo 5 baz" 793 779 }, 794 780 {795 -1 "filename": "name_link-with-label-manual.html",796 -1 "title": "Name link-with-label",797 -1 "html": "<p>This test examines the ARIA properties for Name link-with-label.</p>\n <a id=\"test\" href=\"#\" aria-label=\"California\" title=\"San Francisco\" >United States</a>",-1 781 "filename": "name_test_case_607-manual.html", -1 782 "title": "Name test case 607", -1 783 "html": "<p>This test examines the ARIA properties for Name test case 607.</p>\n <a href=\"test.html\" id=\"test\">ABC</a>", 798 784 "selector": "#test",799 -1 "name": "California"-1 785 "name": "ABC" 800 786 }, 801 787 {802 -1 "filename": "name_checkbox-label-multiple-label-manual.html",803 -1 "title": "Name checkbox-label-multiple-label",804 -1 "html": "<p>This test examines the ARIA properties for Name checkbox-label-multiple-label.</p>\n <label>This <input type=\"checkbox\" id=\"test\" /> is</label>\n <label for=\"test\">a test</label>",-1 788 "filename": "name_file-label-embedded-select-manual.html", -1 789 "title": "Name file-label-embedded-select", -1 790 "html": "<p>This test examines the ARIA properties for Name file-label-embedded-select.</p>\n <input type=\"file\" id=\"test\" />\n <label for=\"test\">Flash the screen\n <select size=\"1\">\n <option selected=\"selected\">1</option>\n <option>2</option>\n <option>3</option>\n </select>\n times.\n </label>", 805 791 "selector": "#test",806 -1 "name": "This is a test"-1 792 "name": "Flash the screen 1 times." 807 793 }, 808 794 {809 -1 "filename": "name_test_case_614-manual.html",810 -1 "title": "Name test case 614",811 -1 "html": "<p>This test examines the ARIA properties for Name test case 614.</p>\n <input type=\"radio\" id=\"test\">\n <label for=\"test\">foo</label>",-1 795 "filename": "name_test_case_663a-manual.html", -1 796 "title": "Name test case 663a", -1 797 "html": "<p>This test examines the ARIA properties for Name test case 663a.</p>\n <style type=\"text/css\">\n label:before { content: \"foo\"; }\n label:after { content: \"baz\"; }\n </style>\n <form>\n <label for=\"test\"><input id=\"test\" type=\"image\" src=\"foo.jpg\" name=\"test\" title=\"bar\"></label>\n </form>", 812 798 "selector": "#test",813 -1 "name": "foo"-1 799 "name": "foo baz" 814 800 }, 815 801 {816 -1 "filename": "name_test_case_743-manual.html",817 -1 "title": "Name test case 743",818 -1 "html": "<p>This test examines the ARIA properties for Name test case 743.</p>\n <label for=\"test\">\n crazy\n <div role=\"spinbutton\" aria-valuemin=\"1\" aria-valuemax=\"7\" aria-valuenow=\"4\">\n </div>\n </label>\n <input type=\"password\" id=\"test\" value=\"baz\"/>",-1 802 "filename": "name_test_case_606-manual.html", -1 803 "title": "Name test case 606", -1 804 "html": "<p>This test examines the ARIA properties for Name test case 606.</p>\n <a href=\"test.html\" id=\"test\" aria-labelledby=\"test ID1\" aria-label=\"Tag\"></a>\n <p id=\"ID1\">foo</p>", 819 805 "selector": "#test",820 -1 "name": "crazy 4"-1 806 "name": "Tag foo" 821 807 }, 822 808 {823 -1 "filename": "name_test_case_735-manual.html",824 -1 "title": "Name test case 735",825 -1 "html": "<p>This test examines the ARIA properties for Name test case 735.</p>\n <label for=\"test\">\n crazy\n <select name=\"member\" size=\"1\" role=\"menu\" tabindex=\"0\">\n <option role=\"menuitem\" value=\"beard\" selected=\"true\">clown</option>\n <option role=\"menuitem\" value=\"scuba\">rich</option>\n </select>\n </label>\n <input type=\"radio\" id=\"test\"/>",-1 809 "filename": "name_test_case_545-manual.html", -1 810 "title": "Name test case 545", -1 811 "html": "<p>This test examines the ARIA properties for Name test case 545.</p>\n <input src=\"baz.html\" type=\"image\" id=\"test\" alt=\"foo\"/>", 826 812 "selector": "#test",827 -1 "name": "crazy"-1 813 "name": "foo" 828 814 }, 829 815 {830 -1 "filename": "name_checkbox-label-embedded-slider-manual.html",831 -1 "title": "Name checkbox-label-embedded-slider",832 -1 "html": "<p>This test examines the ARIA properties for Name checkbox-label-embedded-slider.</p>\n <input type=\"checkbox\" id=\"test\" />\n <label for=\"test\">foo <input role=\"slider\" type=\"range\" value=\"5\" min=\"1\" max=\"10\" aria-valuenow=\"5\" aria-valuemin=\"1\" aria-valuemax=\"10\"> baz\n </label>",-1 816 "filename": "name_test_case_549-manual.html", -1 817 "title": "Name test case 549", -1 818 "html": "<p>This test examines the ARIA properties for Name test case 549.</p>\n <label for=\"test\">\n crazy\n <div role=\"spinbutton\" aria-valuetext=\"Monday\" aria-valuemin=\"1\" aria-valuemax=\"7\" aria-valuenow=\"4\">\n </div>\n </label>\n <input type=\"text\" id=\"test\" value=\"baz\"/>", 833 819 "selector": "#test",834 -1 "name": "foo 5 baz"-1 820 "name": "crazy Monday" 835 821 }, 836 822 {837 -1 "filename": "name_test_case_729-manual.html",838 -1 "title": "Name test case 729",839 -1 "html": "<p>This test examines the ARIA properties for Name test case 729.</p>\n <label for=\"test\">\n foo\n <input type=\"text\" value=\"David\"/>\n </label>\n <input type=\"radio\" id=\"test\"/>",-1 823 "filename": "name_test_case_726-manual.html", -1 824 "title": "Name test case 726", -1 825 "html": "<p>This test examines the ARIA properties for Name test case 726.</p>\n <label for=\"test\">States:</label>\n <input type=\"image\" id=\"test\" src=\"foo.jpg\"/>", 840 826 "selector": "#test",841 -1 "name": "foo David"-1 827 "name": "States:" 842 828 }, 843 829 {844 -1 "filename": "description_test_case_557-manual.html",845 -1 "title": "Description test case 557",846 -1 "html": "<p>This test examines the ARIA properties for Description test case 557.</p>\n <img id=\"test\" src=\"foo.jpg\" aria-label=\"1\" alt=\"a\" title=\"t\"/>",-1 830 "filename": "name_test_case_749-manual.html", -1 831 "title": "Name test case 749", -1 832 "html": "<p>This test examines the ARIA properties for Name test case 749.</p>\n <input type=\"checkbox\" id=\"test\" title=\"crazy\"/>", 847 833 "selector": "#test",848 -1 "description": "t"-1 834 "name": "crazy" 849 835 }, 850 836 {851 -1 "filename": "name_test_case_750-manual.html",852 -1 "title": "Name test case 750",853 -1 "html": "<p>This test examines the ARIA properties for Name test case 750.</p>\n <input type=\"radio\" id=\"test\" title=\"crazy\"/>",-1 837 "filename": "name_test_case_757-manual.html", -1 838 "title": "Name test case 757", -1 839 "html": "<p>This test examines the ARIA properties for Name test case 757.</p>\n <style>\n label:before { content:\"fancy \"; }\n </style>\n <label for=\"test\">fruit</label>\n <input type=\"image\" src=\"foo.jpg\" id=\"test\"/>", 854 840 "selector": "#test",855 -1 "name": "crazy"-1 841 "name": "fancy fruit" 856 842 }, 857 843 {858 -1 "filename": "name_text-label-embedded-select-manual.html",859 -1 "title": "Name text-label-embedded-select",860 -1 "html": "<p>This test examines the ARIA properties for Name text-label-embedded-select.</p>\n <input type=\"text\" id=\"test\" />\n <label for=\"test\">Flash the screen\n <select size=\"1\">\n <option selected=\"selected\">1</option>\n <option>2</option>\n <option>3</option>\n </select>\n times.\n </label>",-1 844 "filename": "name_test_case_546-manual.html", -1 845 "title": "Name test case 546", -1 846 "html": "<p>This test examines the ARIA properties for Name test case 546.</p>\n <label for=\"test\">States:</label>\n <input type=\"text\" id=\"test\"/>", 861 847 "selector": "#test",862 -1 "name": "Flash the screen 1 times."-1 848 "name": "States:" 863 849 }, 864 850 {865 -1 "filename": "name_test_case_599-manual.html",866 -1 "title": "Name test case 599",867 -1 "html": "<p>This test examines the ARIA properties for Name test case 599.</p>\n <div id=\"test\" aria-labelledby=\"ID0 ID1\" aria-label=\"Tag\">foo</div>\n <span id=\"ID0\">bar</span>\n <span id=\"ID1\">baz</span>",-1 851 "filename": "name_test_case_740-manual.html", -1 852 "title": "Name test case 740", -1 853 "html": "<p>This test examines the ARIA properties for Name test case 740.</p>\n <label for=\"test\">\n crazy\n <div role=\"spinbutton\" aria-valuetext=\"Monday\" aria-valuemin=\"1\" aria-valuemax=\"7\" aria-valuenow=\"4\">\n </div>\n </label>\n <input type=\"radio\" id=\"test\"/>", 868 854 "selector": "#test",869 -1 "name": "bar baz"-1 855 "name": "crazy Monday" 870 856 }, 871 857 {872 -1 "filename": "name_test_case_723-manual.html",873 -1 "title": "Name test case 723",874 -1 "html": "<p>This test examines the ARIA properties for Name test case 723.</p>\n <label for=\"test\">States:</label>\n <input type=\"checkbox\" id=\"test\"/>",-1 858 "filename": "name_test_case_742-manual.html", -1 859 "title": "Name test case 742", -1 860 "html": "<p>This test examines the ARIA properties for Name test case 742.</p>\n <label for=\"test\">\n crazy\n <div role=\"spinbutton\" aria-valuetext=\"Monday\" aria-valuemin=\"1\" aria-valuemax=\"7\" aria-valuenow=\"4\">\n </div>\n </label>\n <input type=\"image\" src=\"foo.jpg\" id=\"test\"/>", 875 861 "selector": "#test",876 -1 "name": "States:"-1 862 "name": "crazy Monday" 877 863 }, 878 864 {879 -1 "filename": "name_radio-label-embedded-slider-manual.html",880 -1 "title": "Name radio-label-embedded-slider",881 -1 "html": "<p>This test examines the ARIA properties for Name radio-label-embedded-slider.</p>\n <input type=\"radio\" id=\"test\" />\n <label for=\"test\">foo <input role=\"slider\" type=\"range\" value=\"5\" min=\"1\" max=\"10\" aria-valuenow=\"5\" aria-valuemin=\"1\" aria-valuemax=\"10\"> baz\n </label>",-1 865 "filename": "name_test_case_754-manual.html", -1 866 "title": "Name test case 754", -1 867 "html": "<p>This test examines the ARIA properties for Name test case 754.</p>\n <style>\n label:before { content:\"fancy \"; }\n </style>\n <label for=\"test\">fruit</label>\n <input type=\"checkbox\" id=\"test\"/>", 882 868 "selector": "#test",883 -1 "name": "foo 5 baz"-1 869 "name": "fancy fruit" 884 870 }, 885 871 {886 -1 "filename": "name_text-title-manual.html",887 -1 "title": "Name text-title",888 -1 "html": "<p>This test examines the ARIA properties for Name text-title.</p>\n <input type=\"text\" id=\"test\" title=\"foo\" />",-1 872 "filename": "description_from_content_of_describedby_element-manual.html", -1 873 "title": "Description from content of describedby element", -1 874 "html": "<p>This test examines the ARIA properties for Description from content of describedby element.</p>\n <style>\n .hidden { display: none; }\n </style>\n <input id=\"test\" type=\"text\" aria-label=\"Important stuff\" aria-describedby=\"descId\" />\n <div>\n <div id=\"descId\">\n <span aria-hidden=\"true\"><i> Hello, </i></span>\n <span>My</span> name is\n <div><img src=\"file.jpg\" title=\"Bryan\" alt=\"\" role=\"presentation\" /></div>\n <span role=\"presentation\" aria-label=\"Eli\">\n <span aria-label=\"Garaventa\">Zambino</span>\n </span>\n <span>the weird.</span>\n (QED)\n <span class=\"hidden\"><i><b>and don't you forget it.</b></i></span>\n <table>\n <tr>\n <td>Where</td>\n <td style=\"visibility:hidden;\"><div>in</div></td>\n <td><div style=\"display:none;\">the world</div></td>\n <td>are my marbles?</td>\n </tr>\n </table>\n </div>\n </div>", -1 875 "selector": "#test", -1 876 "description": "My name is Eli the weird. (QED) Where are my marbles?" -1 877 }, -1 878 { -1 879 "filename": "name_test_case_612-manual.html", -1 880 "title": "Name test case 612", -1 881 "html": "<p>This test examines the ARIA properties for Name test case 612.</p>\n <input type=\"password\" id=\"test\">\n <label for=\"test\">foo</label>", 889 882 "selector": "#test", 890 883 "name": "foo" 891 884 }, 892 885 {893 -1 "filename": "name_test_case_556-manual.html",894 -1 "title": "Name test case 556",895 -1 "html": "<p>This test examines the ARIA properties for Name test case 556.</p>\n <img id=\"test\" src=\"foo.jpg\" aria-label=\"1\"/>",-1 886 "filename": "name_test_case_596-manual.html", -1 887 "title": "Name test case 596", -1 888 "html": "<p>This test examines the ARIA properties for Name test case 596.</p>\n <div id=\"test\" aria-labelledby=\"ID1\">foo</div>\n <span id=\"ID1\">bar</span>", 896 889 "selector": "#test",897 -1 "name": "1"-1 890 "name": "bar" 898 891 }, 899 892 {900 -1 "filename": "name_test_case_620-manual.html",901 -1 "title": "Name test case 620",902 -1 "html": "<p>This test examines the ARIA properties for Name test case 620.</p>\n <input type=\"radio\" id=\"test\">\n <label for=\"test\">foo<input type=\"text\" value=\"bar\">baz</label>",-1 893 "filename": "name_file-label-inline-block-styles-manual.html", -1 894 "title": "Name file-label-inline-block-styles", -1 895 "html": "<p>This test examines the ARIA properties for Name file-label-inline-block-styles.</p>\n <style>\n label:before { content: \"This\"; display: block; }\n label:after { content: \".\"; }\n </style>\n <label for=\"test\">is a test</label>\n <input type=\"text\" id=\"test\"/>", 903 896 "selector": "#test",904 -1 "name": "foo bar baz"-1 897 "name": "This is a test." 905 898 }, 906 899 {907 -1 "filename": "name_test_case_725-manual.html",908 -1 "title": "Name test case 725",909 -1 "html": "<p>This test examines the ARIA properties for Name test case 725.</p>\n <label for=\"test\">File:</label>\n <input type=\"file\" id=\"test\"/>",-1 900 "filename": "name_test_case_741-manual.html", -1 901 "title": "Name test case 741", -1 902 "html": "<p>This test examines the ARIA properties for Name test case 741.</p>\n <label for=\"test\">\n crazy\n <div role=\"spinbutton\" aria-valuetext=\"Monday\" aria-valuemin=\"1\" aria-valuemax=\"7\" aria-valuenow=\"4\">\n </div>\n </label>\n <input type=\"file\" id=\"test\"/>", 910 903 "selector": "#test",911 -1 "name": "File:"-1 904 "name": "crazy Monday" 912 905 }, 913 906 {914 -1 "filename": "name_test_case_613-manual.html",915 -1 "title": "Name test case 613",916 -1 "html": "<p>This test examines the ARIA properties for Name test case 613.</p>\n <input type=\"checkbox\" id=\"test\">\n <label for=\"test\">foo</label></body>",-1 907 "filename": "name_test_case_550-manual.html", -1 908 "title": "Name test case 550", -1 909 "html": "<p>This test examines the ARIA properties for Name test case 550.</p>\n <label for=\"test\">\n crazy\n <div role=\"spinbutton\" aria-valuemin=\"1\" aria-valuemax=\"7\" aria-valuenow=\"4\">\n </div>\n </label>\n <input type=\"text\" id=\"test\" value=\"baz\"/>", 917 910 "selector": "#test",918 -1 "name": "foo"-1 911 "name": "crazy 4" 919 912 }, 920 913 {921 -1 "filename": "description_test_case_773-manual.html",922 -1 "title": "Description test case 773",923 -1 "html": "<p>This test examines the ARIA properties for Description test case 773.</p>\n <img src=\"foo.jpg\" id=\"test\" alt=\"test\" aria-describedby=\"t1\">\n <div id=\"t1\" style=\"display:none\">foo</div>",-1 914 "filename": "name_test_case_746-manual.html", -1 915 "title": "Name test case 746", -1 916 "html": "<p>This test examines the ARIA properties for Name test case 746.</p>\n <label for=\"test\">\n crazy\n <div role=\"spinbutton\" aria-valuemin=\"1\" aria-valuemax=\"7\" aria-valuenow=\"4\">\n </div>\n </label>\n <input type=\"file\" id=\"test\"/>", 924 917 "selector": "#test",925 -1 "description": "foo"-1 918 "name": "crazy 4" 926 919 }, 927 920 {928 -1 "filename": "name_test_case_742-manual.html",929 -1 "title": "Name test case 742",930 -1 "html": "<p>This test examines the ARIA properties for Name test case 742.</p>\n <label for=\"test\">\n crazy\n <div role=\"spinbutton\" aria-valuetext=\"Monday\" aria-valuemin=\"1\" aria-valuemax=\"7\" aria-valuenow=\"4\">\n </div>\n </label>\n <input type=\"image\" src=\"foo.jpg\" id=\"test\"/>",-1 921 "filename": "name_test_case_617-manual.html", -1 922 "title": "Name test case 617", -1 923 "html": "<p>This test examines the ARIA properties for Name test case 617.</p>\n <input type=\"checkbox\" id=\"test\">\n <label for=\"test\">foo<input type=\"text\" value=\"bar\">baz</label>", 931 924 "selector": "#test",932 -1 "name": "crazy Monday"-1 925 "name": "foo bar baz" 933 926 }, 934 927 {935 -1 "filename": "name_file-label-inline-hidden-elements-manual.html",936 -1 "title": "Name file-label-inline-hidden-elements",937 -1 "html": "<p>This test examines the ARIA properties for Name file-label-inline-hidden-elements.</p>\n <style>\n .hidden { display: none; }\n </style>\n <input type=\"file\" id=\"test\" />\n <label for=\"test\">\n <span class=\"hidden\">1</span><span>2</span>\n <span style=\"visibility: hidden;\">3</span><span>4</span>\n <span hidden>5</span><span>6</span>\n <span aria-hidden=\"true\">7</span><span>8</span>\n <span aria-hidden=\"false\" class=\"hidden\">9</span><span>10</span>\n </label>",-1 928 "filename": "name_from_content-manual.html", -1 929 "title": "Name from content", -1 930 "html": "<p>This test examines the ARIA properties for Name from content.</p>\n <style>\n .hidden { display: none; }\n </style>\n <div id=\"test\" role=\"link\" tabindex=\"0\">\n <span aria-hidden=\"true\"><i> Hello, </i></span>\n <span>My</span> name is\n <div><img src=\"file.jpg\" title=\"Bryan\" alt=\"\" role=\"presentation\" /></div>\n <span role=\"presentation\" aria-label=\"Eli\">\n <span aria-label=\"Garaventa\">Zambino</span>\n </span>\n <span>the weird.</span>\n (QED)\n <span class=\"hidden\"><i><b>and don't you forget it.</b></i></span>\n <table>\n <tr>\n <td>Where</td>\n <td style=\"visibility:hidden;\"><div>in</div></td>\n <td><div style=\"display:none;\">the world</div></td>\n <td>are my marbles?</td>\n </tr>\n </table>\n </div>", 938 931 "selector": "#test",939 -1 "name": "2 4 6 8 10"-1 932 "name": "My name is Eli the weird. (QED) Where are my marbles?" 940 933 }, 941 934 {942 -1 "filename": "name_test_case_604-manual.html",943 -1 "title": "Name test case 604",944 -1 "html": "<p>This test examines the ARIA properties for Name test case 604.</p>\n <a id=\"test\" href=\"test.html\" aria-label=\"Tag\">ABC</a>",-1 935 "filename": "name_test_case_547-manual.html", -1 936 "title": "Name test case 547", -1 937 "html": "<p>This test examines the ARIA properties for Name test case 547.</p>\n <label for=\"test\">\n foo\n <input type=\"text\" value=\"David\"/>\n </label>\n <input type=\"text\" id=\"test\" value=\"baz\"/>", 945 938 "selector": "#test",946 -1 "name": "Tag"-1 939 "name": "foo David" 947 940 }, 948 941 {949 -1 "filename": "name_from_content_of_label-manual.html",950 -1 "title": "Name from content of label",951 -1 "html": "<p>This test examines the ARIA properties for Name from content of label.</p>\n <style>\n .hidden { display: none; }\n </style>\n <input type=\"text\" id=\"test\" />\n <label for=\"test\" id=\"label\">\n <span aria-hidden=\"true\"><i> Hello, </i></span>\n <span>My</span> name is\n <div><img src=\"file.jpg\" title=\"Bryan\" alt=\"\" role=\"presentation\" /></div>\n <span role=\"presentation\" aria-label=\"Eli\">\n <span aria-label=\"Garaventa\">Zambino</span>\n </span>\n <span>the weird.</span>\n (QED)\n <span class=\"hidden\"><i><b>and don't you forget it.</b></i></span>\n <table>\n <tr>\n <td>Where</td>\n <td style=\"visibility:hidden;\"><div>in</div></td>\n <td><div style=\"display:none;\">the world</div></td>\n <td>are my marbles?</td>\n </tr>\n </table>\n </label>",-1 942 "filename": "name_test_case_540-manual.html", -1 943 "title": "Name test case 540", -1 944 "html": "<p>This test examines the ARIA properties for Name test case 540.</p>\n <div id=\"ID1\">Rich's button</div>\n <input type=\"button\" aria-labelledby=\"ID1\" id=\"test\">", 952 945 "selector": "#test",953 -1 "name": "My name is Eli the weird. (QED) Where are my marbles?"-1 946 "name": "Rich's button" 954 947 }, 955 948 {956 -1 "filename": "name_test_case_557-manual.html",957 -1 "title": "Name test case 557",958 -1 "html": "<p>This test examines the ARIA properties for Name test case 557.</p>\n <img id=\"test\" src=\"foo.jpg\" aria-label=\"1\" alt=\"a\" title=\"t\"/>",-1 949 "filename": "name_file-label-owned-combobox-owned-listbox-manual.html", -1 950 "title": "Name file-label-owned-combobox-owned-listbox", -1 951 "html": "<p>This test examines the ARIA properties for Name file-label-owned-combobox-owned-listbox.</p>\n <input type=\"file\" id=\"test\" />\n <label for=\"test\">Flash <span aria-owns=\"id1\">the screen</span> times.</label>\n <div>\n <div id=\"id1\" role=\"combobox\" aria-owns=\"id2\">\n <div role=\"textbox\"></div>\n </div>\n </div>\n <div>\n <ul id=\"id2\" role=\"listbox\" style=\"list-style-type: none;\">\n <li role=\"option\" >1 </li>\n <li role=\"option\" aria-selected=\"true\">2 </li>\n <li role=\"option\">3 </li>\n </ul>\n </div>", 959 952 "selector": "#test",960 -1 "name": "1"-1 953 "name": "Flash the screen 2 times." 961 954 }, 962 955 {963 -1 "filename": "name_1.0_combobox-focusable-manual.html",964 -1 "title": "Name 1.0 combobox-focusable",965 -1 "html": "<p>This test examines the ARIA properties for Name 1.0 combobox-focusable.</p>\n <div id=\"test\" role=\"combobox\" tabindex=\"0\" title=\"Choose your language.\">\n <span> English </span>\n </div>",-1 956 "filename": "description_test_case_773-manual.html", -1 957 "title": "Description test case 773", -1 958 "html": "<p>This test examines the ARIA properties for Description test case 773.</p>\n <img src=\"foo.jpg\" id=\"test\" alt=\"test\" aria-describedby=\"t1\">\n <div id=\"t1\" style=\"display:none\">foo</div>", 966 959 "selector": "#test",967 -1 "name": "Choose your language."-1 960 "description": "foo" 968 961 }, 969 962 {970 -1 "filename": "name_checkbox-label-embedded-menu-manual.html",971 -1 "title": "Name checkbox-label-embedded-menu",972 -1 "html": "<p>This test examines the ARIA properties for Name checkbox-label-embedded-menu.</p>\n <input type=\"checkbox\" id=\"test\" />\n <label for=\"test\">Flash the screen\n <span role=\"menu\">\n <span role=\"menuitem\" aria-selected=\"true\">1</span>\n <span role=\"menuitem\" hidden>2</span>\n <span role=\"menuitem\" hidden>3</span>\n </span>\n times.\n </label>",-1 963 "filename": "name_test_case_541-manual.html", -1 964 "title": "Name test case 541", -1 965 "html": "<p>This test examines the ARIA properties for Name test case 541.</p>\n <div id=\"ID1\">Rich's button</div>\n <input type=\"button\" aria-label=\"bar\" aria-labelledby=\"ID1\" id=\"test\"/>", 973 966 "selector": "#test",974 -1 "name": "Flash the screen times."-1 967 "name": "Rich's button" 975 968 }, 976 969 {977 -1 "filename": "name_heading-combobox-focusable-alternative-manual.html",978 -1 "title": "Name heading-combobox-focusable-alternative",979 -1 "html": "<p>This test examines the ARIA properties for Name heading-combobox-focusable-alternative.</p>\n <h2 id=\"test\">\n Country of origin:\n <input role=\"combobox\" type=\"text\" title=\"Choose your country.\" value=\"United States\">\n </h2>",-1 970 "filename": "name_test_case_729-manual.html", -1 971 "title": "Name test case 729", -1 972 "html": "<p>This test examines the ARIA properties for Name test case 729.</p>\n <label for=\"test\">\n foo\n <input type=\"text\" value=\"David\"/>\n </label>\n <input type=\"radio\" id=\"test\"/>", 980 973 "selector": "#test",981 -1 "name": "Country of origin: United States"-1 974 "name": "foo David" 982 975 }, 983 976 {984 -1 "filename": "name_test_case_753-manual.html",985 -1 "title": "Name test case 753",986 -1 "html": "<p>This test examines the ARIA properties for Name test case 753.</p>\n <style>\n label:before { content:\"fancy \"; }\n </style>\n <label for=\"test\">fruit</label>\n <input type=\"password\" id=\"test\"/>",-1 977 "filename": "name_test_case_548-manual.html", -1 978 "title": "Name test case 548", -1 979 "html": "<p>This test examines the ARIA properties for Name test case 548.</p>\n <label for=\"test\">\n crazy\n <select name=\"member\" size=\"1\" role=\"menu\" tabindex=\"0\">\n <option role=\"menuitem\" value=\"beard\" selected=\"true\">clown</option>\n <option role=\"menuitem\" value=\"scuba\">rich</option>\n </select>\n </label>\n <input type=\"text\" id=\"test\" value=\"baz\"/>", -1 980 "selector": "#test", -1 981 "name": "crazy" -1 982 }, -1 983 { -1 984 "filename": "name_test_case_760-manual.html", -1 985 "title": "Name test case 760", -1 986 "html": "<p>This test examines the ARIA properties for Name test case 760.</p>\n <style>\n label:after { content:\" fruit\"; }\n </style>\n <label for=\"test\">fancy</label>\n <input type=\"radio\" id=\"test\"/>", 987 987 "selector": "#test", 988 988 "name": "fancy fruit" 989 989 }, 990 990 {991 -1 "filename": "name_text-label-embedded-menu-manual.html",992 -1 "title": "Name text-label-embedded-menu",993 -1 "html": "<p>This test examines the ARIA properties for Name text-label-embedded-menu.</p>\n <input type=\"text\" id=\"test\" />\n <label for=\"test\">Flash the screen\n <span role=\"menu\">\n <span role=\"menuitem\" aria-selected=\"true\">1</span>\n <span role=\"menuitem\" hidden>2</span>\n <span role=\"menuitem\" hidden>3</span>\n </span>\n times.\n </label>",-1 991 "filename": "name_test_case_609-manual.html", -1 992 "title": "Name test case 609", -1 993 "html": "<p>This test examines the ARIA properties for Name test case 609.</p>\n <input id=\"test\" type=\"text\" aria-labelledby=\"ID1 ID2 ID3\">\n <p id=\"ID1\">foo</p>\n <p id=\"ID2\">bar</p>\n <p id=\"ID3\">baz</p>", 994 994 "selector": "#test",995 -1 "name": "Flash the screen times."-1 995 "name": "foo bar baz" 996 996 }, 997 997 {998 -1 "filename": "name_file-label-inline-block-elements-manual.html",999 -1 "title": "Name file-label-inline-block-elements",1000 -1 "html": "<p>This test examines the ARIA properties for Name file-label-inline-block-elements.</p>\n <input type=\"file\" id=\"test\" />\n <label for=\"test\">W<i>h<b>a</b></i>t<br>is<div>your<div>name<b>?</b></div></div></label>",-1 998 "filename": "name_test_case_758-manual.html", -1 999 "title": "Name test case 758", -1 1000 "html": "<p>This test examines the ARIA properties for Name test case 758.</p>\n <style>\n label:after { content:\" fruit\"; }\n </style>\n <label for=\"test\">fancy</label>\n <input type=\"password\" id=\"test\"/>", 1001 1001 "selector": "#test",1002 -1 "name": "What is your name?"-1 1002 "name": "fancy fruit" 1003 1003 }, 1004 1004 {1005 -1 "filename": "name_test_case_724-manual.html",1006 -1 "title": "Name test case 724",1007 -1 "html": "<p>This test examines the ARIA properties for Name test case 724.</p>\n <label for=\"test\">States:</label>\n <input type=\"radio\" id=\"test\"/>",-1 1005 "filename": "description_test_case_664-manual.html", -1 1006 "title": "Description test case 664", -1 1007 "html": "<p>This test examines the ARIA properties for Description test case 664.</p>\n <div>\n <img id=\"test\" aria-describedby=\"ID1\" src=\"test.png\">\n </div>\n <div id=\"ID1\">foo</div>", 1008 1008 "selector": "#test",1009 -1 "name": "States:"-1 1009 "description": "foo" 1010 1010 }, 1011 1011 {1012 -1 "filename": "name_test_case_741-manual.html",1013 -1 "title": "Name test case 741",1014 -1 "html": "<p>This test examines the ARIA properties for Name test case 741.</p>\n <label for=\"test\">\n crazy\n <div role=\"spinbutton\" aria-valuetext=\"Monday\" aria-valuemin=\"1\" aria-valuemax=\"7\" aria-valuenow=\"4\">\n </div>\n </label>\n <input type=\"file\" id=\"test\"/>",-1 1012 "filename": "name_test_case_564-manual.html", -1 1013 "title": "Name test case 564", -1 1014 "html": "<p>This test examines the ARIA properties for Name test case 564.</p>\n <input type=\"text\" value=\"peanuts\" id=\"ID1\">\n <input type=\"text\" value=\"popcorn\" id=\"ID2\">\n <img id=\"test\" aria-label=\"l\" aria-labelledby=\"test ID1 ID2\" src=\"foo.jpg\"/>", 1015 1015 "selector": "#test",1016 -1 "name": "crazy Monday"-1 1016 "name": "l peanuts popcorn" 1017 1017 }, 1018 1018 {1019 -1 "filename": "name_test_case_746-manual.html",1020 -1 "title": "Name test case 746",1021 -1 "html": "<p>This test examines the ARIA properties for Name test case 746.</p>\n <label for=\"test\">\n crazy\n <div role=\"spinbutton\" aria-valuemin=\"1\" aria-valuemax=\"7\" aria-valuenow=\"4\">\n </div>\n </label>\n <input type=\"file\" id=\"test\"/>",-1 1019 "filename": "name_from_content_of_labelledby_element-manual.html", -1 1020 "title": "Name from content of labelledby element", -1 1021 "html": "<p>This test examines the ARIA properties for Name from content of labelledby element.</p>\n <style>\n .hidden { display: none; }\n </style>\n <input id=\"test\" type=\"text\" aria-labelledby=\"lblId\" />\n <div id=\"lblId\" >\n <span aria-hidden=\"true\"><i> Hello, </i></span>\n <span>My</span> name is\n <div><img src=\"file.jpg\" title=\"Bryan\" alt=\"\" role=\"presentation\" /></div>\n <span role=\"presentation\" aria-label=\"Eli\">\n <span aria-label=\"Garaventa\">Zambino</span>\n </span>\n <span>the weird.</span>\n (QED)\n <span class=\"hidden\"><i><b>and don't you forget it.</b></i></span>\n <table>\n <tr>\n <td>Where</td>\n <td style=\"visibility:hidden;\"><div>in</div></td>\n <td><div style=\"display:none;\">the world</div></td>\n <td>are my marbles?</td>\n </tr>\n </table>\n </div>", 1022 1022 "selector": "#test",1023 -1 "name": "crazy 4"-1 1023 "name": "My name is Eli the weird. (QED) Where are my marbles?" 1024 1024 }, 1025 1025 {1026 -1 "filename": "name_test_case_598-manual.html",1027 -1 "title": "Name test case 598",1028 -1 "html": "<p>This test examines the ARIA properties for Name test case 598.</p>\n <div id=\"test\" aria-labelledby=\"ID1\" aria-label=\"Tag\">foo</div>\n <span id=\"ID1\">bar</span>",-1 1026 "filename": "name_test_case_553-manual.html", -1 1027 "title": "Name test case 553", -1 1028 "html": "<p>This test examines the ARIA properties for Name test case 553.</p>\n <style type=\"text/css\">\n [data-after]:after { content: attr(data-after); }\n </style>\n <label for=\"test\" data-after=\"test content\"></label>\n <input type=\"text\" id=\"test\">", 1029 1029 "selector": "#test",1030 -1 "name": "bar"-1 1030 "name": "test content" 1031 1031 }, 1032 1032 {1033 -1 "filename": "name_test_case_560-manual.html",1034 -1 "title": "Name test case 560",1035 -1 "html": "<p>This test examines the ARIA properties for Name test case 560.</p>\n <input type=\"text\" value=\"peanuts\" id=\"test\">\n <img aria-labelledby=\"test\" aria-label=\"1\" src=\"foo.jpg\"/>",-1 1033 "filename": "name_text-label-embedded-menu-manual.html", -1 1034 "title": "Name text-label-embedded-menu", -1 1035 "html": "<p>This test examines the ARIA properties for Name text-label-embedded-menu.</p>\n <input type=\"text\" id=\"test\" />\n <label for=\"test\">Flash the screen\n <span role=\"menu\">\n <span role=\"menuitem\" aria-selected=\"true\">1</span>\n <span role=\"menuitem\" hidden>2</span>\n <span role=\"menuitem\" hidden>3</span>\n </span>\n times.\n </label>", 1036 1036 "selector": "#test",1037 -1 "name": ""-1 1037 "name": "Flash the screen times." 1038 1038 }, 1039 1039 {1040 -1 "filename": "name_test_case_552-manual.html",1041 -1 "title": "Name test case 552",1042 -1 "html": "<p>This test examines the ARIA properties for Name test case 552.</p>\n <style>\n label:before { content:\"fancy \"; }\n </style>\n <label for=\"test\">fruit</label>\n <input type=\"text\" id=\"test\"/>",-1 1040 "filename": "name_checkbox-title-manual.html", -1 1041 "title": "Name checkbox-title", -1 1042 "html": "<p>This test examines the ARIA properties for Name checkbox-title.</p>\n <input type=\"checkbox\" id=\"test\" title=\"foo\" />", 1043 1043 "selector": "#test",1044 -1 "name": "fancy fruit"-1 1044 "name": "foo" 1045 1045 }, 1046 1046 {1047 -1 "filename": "description_test_case_774-manual.html",1048 -1 "title": "Description test case 774",1049 -1 "html": "<p>This test examines the ARIA properties for Description test case 774.</p>\n <img src=\"foo.jpg\" id=\"test\" alt=\"test\" aria-describedby=\"t1\">\n <span id=\"t1\" role=\"presentation\">foo</span>",-1 1047 "filename": "name_test_case_751-manual.html", -1 1048 "title": "Name test case 751", -1 1049 "html": "<p>This test examines the ARIA properties for Name test case 751.</p>\n <input type=\"file\" id=\"test\" title=\"crazy\"/>", 1050 1050 "selector": "#test",1051 -1 "description": "foo"-1 1051 "name": "crazy" 1052 1052 }, 1053 1053 {1054 -1 "filename": "name_test_case_618-manual.html",1055 -1 "title": "Name test case 618",1056 -1 "html": "<p>This test examines the ARIA properties for Name test case 618.</p>\n <input type=\"text\" id=\"test\">\n <label for=\"test\">foo<input type=\"text\" value=\"bar\">baz</label>",-1 1054 "filename": "name_file-label-embedded-menu-manual.html", -1 1055 "title": "Name file-label-embedded-menu", -1 1056 "html": "<p>This test examines the ARIA properties for Name file-label-embedded-menu.</p>\n <input type=\"file\" id=\"test\" />\n <label for=\"test\">Flash the screen\n <span role=\"menu\">\n <span role=\"menuitem\" aria-selected=\"true\">1</span>\n <span role=\"menuitem\" hidden>2</span>\n <span role=\"menuitem\" hidden>3</span>\n </span>\n times.\n </label>", 1057 1057 "selector": "#test",1058 -1 "name": "foo bar baz"-1 1058 "name": "Flash the screen times." 1059 1059 }, 1060 1060 {1061 -1 "filename": "name_test_case_661-manual.html",1062 -1 "title": "Name test case 661",1063 -1 "html": "<p>This test examines the ARIA properties for Name test case 661.</p>\n <style type=\"text/css\">\n label:before { content: \"foo\"; }\n label:after { content: \"baz\"; }\n </style>\n <form>\n <label for=\"test\"><input id=\"test\" type=\"checkbox\" name=\"test\" title=\" bar \"></label>\n </form>",-1 1061 "filename": "name_test_case_539-manual.html", -1 1062 "title": "Name test case 539", -1 1063 "html": "<p>This test examines the ARIA properties for Name test case 539.</p>\n <input type=\"button\" aria-label=\"Rich\" id=\"test\">", -1 1064 "selector": "#test", -1 1065 "name": "Rich" -1 1066 }, -1 1067 { -1 1068 "filename": "name_test_case_566-manual.html", -1 1069 "title": "Name test case 566", -1 1070 "html": "<p>This test examines the ARIA properties for Name test case 566.</p>\n <input type=\"text\" value=\"peanuts\" id=\"ID1\">\n <input type=\"text\" value=\"popcorn\" id=\"ID2\">\n <input type=\"text\" value=\"apple jacks\" id=\"ID3\">\n <img id=\"test\" aria-label=\"\" aria-labelledby=\"test ID1 ID2 ID3\" alt=\"\" title=\"t\" src=\"foo.jpg\"/>", 1064 1071 "selector": "#test",1065 -1 "name": "foo baz"-1 1072 "name": "t peanuts popcorn apple jacks" 1066 1073 }, 1067 1074 {1068 -1 "filename": "name_test_case_565-manual.html",1069 -1 "title": "Name test case 565",1070 -1 "html": "<p>This test examines the ARIA properties for Name test case 565.</p>\n <input type=\"text\" value=\"peanuts\" id=\"ID1\">\n <input type=\"text\" value=\"popcorn\" id=\"ID2\">\n <input type=\"text\" value=\"apple jacks\" id=\"ID3\">\n <img id=\"test\" aria-label=\"l\" aria-labelledby=\"test ID1 ID2 ID3\" alt= \"a\" title=\"t\" src=\"foo.jpg\"/>",-1 1075 "filename": "name_radio-label-embedded-spinbutton-manual.html", -1 1076 "title": "Name radio-label-embedded-spinbutton", -1 1077 "html": "<p>This test examines the ARIA properties for Name radio-label-embedded-spinbutton.</p>\n <input type=\"radio\" id=\"test\" />\n <label for=\"test\">foo <input role=\"spinbutton\" type=\"number\" value=\"5\" min=\"1\" max=\"10\" aria-valuenow=\"5\" aria-valuemin=\"1\" aria-valuemax=\"10\"> baz\n </label>", 1071 1078 "selector": "#test",1072 -1 "name": "l peanuts popcorn apple jacks"-1 1079 "name": "foo 5 baz" 1073 1080 }, 1074 1081 { 1075 1082 "filename": "name_checkbox-label-embedded-select-manual.html", @@ -1079,50 +1086,49 @@ window.wpt["accname"] = [ 1079 1086 "name": "Flash the screen 1 times." 1080 1087 }, 1081 1088 {1082 -1 "filename": "name_test_case_747-manual.html",1083 -1 "title": "Name test case 747",1084 -1 "html": "<p>This test examines the ARIA properties for Name test case 747.</p>\n <label for=\"test\">\n crazy\n <div role=\"spinbutton\" aria-valuemin=\"1\" aria-valuemax=\"7\" aria-valuenow=\"4\">\n </div>\n </label>\n <input type=\"image\" src=\"foo.jpg\" id=\"test\"/>",-1 1089 "filename": "name_test_case_752-manual.html", -1 1090 "title": "Name test case 752", -1 1091 "html": "<p>This test examines the ARIA properties for Name test case 752.</p>\n <input type=\"image\" src=\"foo.jpg\" id=\"test\" title=\"crazy\"/>", 1085 1092 "selector": "#test",1086 -1 "name": "crazy 4"-1 1093 "name": "crazy" 1087 1094 }, 1088 1095 {1089 -1 "filename": "name_test_case_755-manual.html",1090 -1 "title": "Name test case 755",1091 -1 "html": "<p>This test examines the ARIA properties for Name test case 755.</p>\n <style>\n label:before { content:\"fancy \"; }\n </style>\n <label for=\"test\">fruit</label>\n <input type=\"radio\" id=\"test\"/>",-1 1096 "filename": "name_text-label-embedded-select-manual.html", -1 1097 "title": "Name text-label-embedded-select", -1 1098 "html": "<p>This test examines the ARIA properties for Name text-label-embedded-select.</p>\n <input type=\"text\" id=\"test\" />\n <label for=\"test\">Flash the screen\n <select size=\"1\">\n <option selected=\"selected\">1</option>\n <option>2</option>\n <option>3</option>\n </select>\n times.\n </label>", 1092 1099 "selector": "#test",1093 -1 "name": "fancy fruit"-1 1100 "name": "Flash the screen 1 times." 1094 1101 }, 1095 1102 {1096 -1 "filename": "name_test_case_550-manual.html",1097 -1 "title": "Name test case 550",1098 -1 "html": "<p>This test examines the ARIA properties for Name test case 550.</p>\n <label for=\"test\">\n crazy\n <div role=\"spinbutton\" aria-valuemin=\"1\" aria-valuemax=\"7\" aria-valuenow=\"4\">\n </div>\n </label>\n <input type=\"text\" id=\"test\" value=\"baz\"/>",-1 1103 "filename": "name_test_case_660-manual.html", -1 1104 "title": "Name test case 660", -1 1105 "html": "<p>This test examines the ARIA properties for Name test case 660.</p>\n <style type=\"text/css\">\n label:before { content: \"foo\"; }\n label:after { content: \"baz\"; }\n </style>\n <form>\n <label for=\"test\" title=\"bar\"><input id=\"test\" type=\"password\" name=\"test\" title=\"buz\"></label>\n </form>", 1099 1106 "selector": "#test",1100 -1 "name": "crazy 4"-1 1107 "name": "foo bar baz" 1101 1108 }, 1102 1109 {1103 -1 "filename": "name_test_case_549-manual.html",1104 -1 "title": "Name test case 549",1105 -1 "html": "<p>This test examines the ARIA properties for Name test case 549.</p>\n <label for=\"test\">\n crazy\n <div role=\"spinbutton\" aria-valuetext=\"Monday\" aria-valuemin=\"1\" aria-valuemax=\"7\" aria-valuenow=\"4\">\n </div>\n </label>\n <input type=\"text\" id=\"test\" value=\"baz\"/>",-1 1110 "filename": "description_test_case_one_valid_reference-manual.html", -1 1111 "title": "Description test case one valid reference", -1 1112 "html": "<p>This test examines the ARIA properties for Description test case one valid reference.</p>\n <img src=\"foo.jpg\" id=\"test\" alt=\"test\" aria-describedby=\"t1 t2 t3\">\n <div id=\"t2\">foo</div>", 1106 1113 "selector": "#test",1107 -1 "name": "crazy Monday"-1 1114 "description": "foo" 1108 1115 }, 1109 1116 {1110 -1 "filename": "name_test_case_601-manual.html",1111 -1 "title": "Name test case 601",1112 -1 "html": "<p>This test examines the ARIA properties for Name test case 601.</p>\n <div id=\"test\" role=\"button\">foo</div>",1113 -1 "selector": "#test",1114 -1 "name": "foo"-1 1117 "filename": "comp_labelledby_hidden_nodes.html", -1 1118 "title": "Name Comp: Labelledby & Hidden Nodes", -1 1119 "html": "<style type=\"text/css\"></style><p>Tests hidden node name computation as part of the <a href=\"https://w3c.github.io/accname/#comp_labelledby\">#comp_labelledby</a> portion of the AccName <em>Name Computation</em> algorithm.</p>\n\n<!--\n\n These tests verify browser conformance with the following note as part of accName computation Step 2B:\n\n \"The result of LabelledBy Recursion in combination with Hidden Not Referenced means\n that user agents MUST include all nodes in the subtree as part of\n the accessible name or accessible description, when the node referenced\n by aria-labelledby or aria-describedby is hidden.\"\n\n-->\n\n<h2>Testing with <code>display:none</code></h2>\n\n <button aria-labelledby=\"a11\" data-expectedlabel=\"foo bar\" data-testname=\"button with aria-labelledby using display:none hidden span (with nested span)\" class=\"ex\">x</button>\n <span id=\"a11\" style=\"display: none;\">\n foo\n <span id=\"a12\">bar</span>\n </span>\n\n <button aria-labelledby=\"a21\" data-expectedlabel=\"foo bar baz\" data-testname=\"button with aria-labelledby using display:none hidden span (with nested spans, depth 2)\" class=\"ex\">x</button>\n <span id=\"a21\" style=\"display: none;\">\n foo\n <span id=\"a22\">\n bar\n <span id=\"a23\">baz</span>\n </span>\n </span>\n\n <button aria-labelledby=\"a31\" data-expectedlabel=\"foo\" data-testname=\"button with aria-labelledby using span without display:none (with nested display:none spans, depth 2)\" class=\"ex\">x</button>\n <span id=\"a31\">\n foo\n <span id=\"a32\" style=\"display: none;\">\n bar\n <span id=\"a33\">baz</span>\n </span>\n </span>\n\n <button aria-labelledby=\"a41\" data-expectedlabel=\"foo bar baz\" data-testname=\"button with aria-labelledby using display:none hidden span (with nested sibling spans)\" class=\"ex\">x</button>\n <span id=\"a41\" style=\"display: none;\">\n foo\n <span id=\"a42\">bar</span>\n <span id=\"a43\">baz</span>\n </span>\n\n <button aria-labelledby=\"a51\" data-expectedlabel=\"foo\" data-testname=\"button with aria-labelledby using span without display:none (with nested display:none sibling spans)\" class=\"ex\">x</button>\n <span id=\"a51\">\n foo\n <span id=\"a52\" style=\"display: none;\">bar</span>\n <span id=\"a53\" style=\"display: none;\">baz</span>\n </span>\n\n <button aria-labelledby=\"a61\" data-expectedlabel=\"foo bar baz\" data-testname=\"button with aria-labelledby using span with display:none (with nested display:inline sibling spans)\" class=\"ex\">x</button>\n <span id=\"a61\" style=\"display: none;\">\n foo\n <span id=\"a62\" style=\"display: inline;\">bar</span>\n <span id=\"a63\" style=\"display: inline;\">baz</span>\n </span>\n\n<h2>Testing with <code>visibility:hidden</code></h2>\n\n <button aria-labelledby=\"b11\" data-expectedlabel=\"foo bar\" data-testname=\"button with aria-labelledby using visibility:hidden span (with nested span)\" class=\"ex\">x</button>\n <span id=\"b11\" style=\"visibility: hidden;\">\n foo\n <span id=\"b12\">bar</span>\n </span>\n\n <button aria-labelledby=\"b21\" data-expectedlabel=\"foo bar baz\" data-testname=\"button with aria-labelledby using visibility:hidden span (with nested spans, depth 2)\" class=\"ex\">x</button>\n <span id=\"b21\" style=\"visibility: hidden;\">\n foo\n <span id=\"b22\">\n bar\n <span id=\"b23\">baz</span>\n </span>\n </span>\n\n <button aria-labelledby=\"b31\" data-expectedlabel=\"foo\" data-testname=\"button with aria-labelledby using span without visibility:hidden (with nested visibility:hidden spans, depth 2)\" class=\"ex\">x</button>\n <span id=\"b31\">\n foo\n <span id=\"b32\" style=\"visibility: hidden;\">\n bar\n <span id=\"b33\">baz</span>\n </span>\n </span>\n\n <button aria-labelledby=\"b41\" data-expectedlabel=\"foo bar baz\" data-testname=\"button with aria-labelledby using visibility:hidden hidden span (with nested sibling spans)\" class=\"ex\">x</button>\n <span id=\"b41\" style=\"visibility: hidden;\">\n foo\n <span id=\"b42\">bar</span>\n <span id=\"b43\">baz</span>\n </span>\n\n <button aria-labelledby=\"b51\" data-expectedlabel=\"foo\" data-testname=\"button with aria-labelledby using span without visibility:hidden (with nested visibility:hidden sibling spans)\" class=\"ex\">x</button>\n <span id=\"b51\">\n foo\n <span id=\"b52\" style=\"visibility: hidden;\">bar</span>\n <span id=\"b53\" style=\"visibility: hidden;\">baz</span>\n </span>\n\n <button aria-labelledby=\"b61\" data-expectedlabel=\"foo bar baz\" data-testname=\"button with aria-labelledby using span with visibility:hidden (with nested visibility:visible sibling spans)\" class=\"ex\">x</button>\n <span id=\"b61\" style=\"visibility: hidden;\">\n foo\n <span id=\"b62\" style=\"visibility: visible;\">bar</span>\n <span id=\"b63\" style=\"visibility: visible;\">baz</span>\n </span>\n\n<h2>Testing with <code>visibility:collapse</code></h2>\n\n <button aria-labelledby=\"c11\" data-expectedlabel=\"foo bar\" data-testname=\"button with aria-labelledby using visibility:collapse span (with nested span)\" class=\"ex\">x</button>\n <span id=\"c11\" style=\"visibility: collapse;\">\n foo\n <span id=\"c12\">bar</span>\n </span>\n\n <button aria-labelledby=\"c21\" data-expectedlabel=\"foo bar baz\" data-testname=\"button with aria-labelledby using visibility:collapse span (with nested spans, depth 2)\" class=\"ex\">x</button>\n <span id=\"c21\" style=\"visibility: collapse;\">\n foo\n <span id=\"c22\">\n bar\n <span id=\"c23\">baz</span>\n </span>\n </span>\n\n <button aria-labelledby=\"c31\" data-expectedlabel=\"foo bar baz\" data-testname=\"button with aria-labelledby using span without visibility:collapse (with nested visibility:visible spans, depth 2)\" class=\"ex\">x</button>\n <span id=\"c31\">\n foo\n <span id=\"c32\" style=\"visibility: visible;\">\n bar\n <span id=\"c33\" style=\"visibility: visible;\">baz</span>\n </span>\n </span>\n\n <button aria-labelledby=\"c41\" data-expectedlabel=\"foo bar baz\" data-testname=\"button with aria-labelledby using visibility:collapse span (with nested sibling spans)\" class=\"ex\">x</button>\n <span id=\"c41\" style=\"visibility: collapse;\">\n foo\n <span id=\"c42\">bar</span>\n <span id=\"c43\">baz</span>\n </span>\n\n <button aria-labelledby=\"c51\" data-expectedlabel=\"foo\" data-testname=\"button with aria-labelledby using span without visibility:collapse (with nested visibility:collapse sibling spans)\" class=\"ex\">x</button>\n <span id=\"c51\">\n foo\n <span id=\"c52\" style=\"visibility: collapse;\">bar</span>\n <span id=\"c53\" style=\"visibility: collapse;\">baz</span>\n </span>\n\n <button aria-labelledby=\"c61\" data-expectedlabel=\"foo bar baz\" data-testname=\"button with aria-labelledby using span with visibility:collapse (with nested visible sibling spans)\" class=\"ex\">x</button>\n <span id=\"c61\" style=\"visibility: collapse;\">\n foo\n <span id=\"c62\" style=\"visibility: visible;\">bar</span>\n <span id=\"c63\" style=\"visibility: visible;\">baz</span>\n </span>\n\n<h2>Testing with <code>aria-hidden</code></h2>\n\n <button aria-labelledby=\"d11\" data-expectedlabel=\"foo bar\" data-testname=\"button with aria-labelledby using aria-hidden span (with nested span)\" class=\"ex\">x</button>\n <span id=\"d11\" aria-hidden=\"true\">\n foo\n <span id=\"d12\">bar</span>\n </span>\n\n <button aria-labelledby=\"d21\" data-expectedlabel=\"foo bar baz\" data-testname=\"button with aria-labelledby using aria-hidden span (with nested spans, depth 2)\" class=\"ex\">x</button>\n <span id=\"d21\" aria-hidden=\"true\">\n foo\n <span id=\"d22\">\n bar\n <span id=\"d23\">baz</span>\n </span>\n </span>\n\n <button aria-labelledby=\"d31\" data-expectedlabel=\"foo\" data-testname=\"button with aria-labelledby using span without aria-hidden (with nested aria-hidden spans, depth 2)\" class=\"ex\">x</button>\n <span id=\"d31\">\n foo\n <span id=\"d32\" aria-hidden=\"true\">\n bar\n <span id=\"d33\">baz</span>\n </span>\n </span>\n\n <button aria-labelledby=\"d41\" data-expectedlabel=\"foo bar baz\" data-testname=\"button with aria-labelledby using aria-hidden hidden span (with nested sibling spans)\" class=\"ex\">x</button>\n <span id=\"d41\" aria-hidden=\"true\">\n foo\n <span id=\"d42\">bar</span>\n <span id=\"d43\">baz</span>\n </span>\n\n<h2>Testing with <code>hidden</code> attribute</h2>\n\n <button aria-labelledby=\"e11\" data-expectedlabel=\"foo bar\" data-testname=\"button with aria-labelledby using HTML5 hidden span (with nested span)\" class=\"ex\">x</button>\n <span id=\"e11\" hidden>\n foo\n <span id=\"e12\">bar</span>\n </span>\n\n <button aria-labelledby=\"e21\" data-expectedlabel=\"foo bar baz\" data-testname=\"button with aria-labelledby using HTML5 hidden span (with nested spans, depth 2)\" class=\"ex\">x</button>\n <span id=\"e21\" hidden>\n foo\n <span id=\"e22\">\n bar\n <span id=\"e23\">baz</span>\n </span>\n </span>\n\n <button aria-labelledby=\"e31\" data-expectedlabel=\"foo\" data-testname=\"button with aria-labelledby using span without HTML5 hidden (with nested HTML5 hidden spans, depth 2)\" class=\"ex\">x</button>\n <span id=\"e31\">\n foo\n <span id=\"e32\" hidden>\n bar\n <span id=\"e33\">baz</span>\n </span>\n </span>\n\n <button aria-labelledby=\"e41\" data-expectedlabel=\"foo bar baz\" data-testname=\"button with aria-labelledby using HTML5 hidden span (with nested hidden sibling spans)\" class=\"ex\">x</button>\n <span id=\"e41\" hidden>\n foo\n <span id=\"e42\">bar</span>\n <span id=\"e43\">baz</span>\n </span>\n\n <button aria-labelledby=\"e51\" data-expectedlabel=\"foo\" data-testname=\"button with aria-labelledby using span without HTML5 hidden (with nested hidden sibling spans)\" class=\"ex\">x</button>\n <span id=\"e51\">\n foo\n <span id=\"e52\" hidden>bar</span>\n <span id=\"e53\" hidden>baz</span>\n </span>", -1 1120 "selector": ".ex" 1115 1121 }, 1116 1122 {1117 -1 "filename": "comp_tooltip.html",1118 -1 "title": "Name Comp: Tooltip",1119 -1 "html": "<style type=\"text/css\"></style><p>Tests the <a href=\"https://w3c.github.io/accname/#comp_tooltip\">#comp_tooltip</a> portions of the AccName <em>Name Computation</em> algorithm.</p>\n\n<a href=\"#\" title=\"title\" data-expectedlabel=\"title\" data-testname=\"link with img with tooltip label\" class=\"ex\"><img alt=\"\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\"></a>\n<a href=\"#\" title=\"title\" data-expectedlabel=\"title\" data-testname=\"link with text with tooltip label and no contents\" class=\"ex\"></a>\n<a href=\"#\" title=\"title\" data-expectedlabel=\"contents\" data-testname=\"link with text with tooltip label and contents\" class=\"ex\">contents</a>\n<div title=\"title\" role=\"group\" data-expectedlabel=\"title\" data-testname=\"div with text with tooltip label\" class=\"ex\">contents</div><!-- Note: group role disallows nameFrom:contents -->\n<img title=\"title\" data-expectedlabel=\"title\" data-testname=\"img with tooltip label without alt\" class=\"ex\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\">\n<img title=\"title\" data-expectedlabel=\"title\" alt=\"\" data-testname=\"img with tooltip label with empty alt\" class=\"ex\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\">\n<img title=\"title\" data-expectedlabel=\"alt\" alt=\"alt\" data-testname=\"img with tooltip label with alt\" class=\"ex\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\">\n<img data-expectedlabel=\"alt\" alt=\"alt\" data-testname=\"img with tooltip label without title\" class=\"ex\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\">\n\n<select title=\"title\" data-expectedlabel=\"title\" data-testname=\"select with tooltip label\" class=\"ex\">\n <option value=\"\" disabled selected>select options</option>\n <option value=\"1\">option 1</option>\n <option value=\"2\">option 2</option>\n <option value=\"3\">option 3</option>\n</select>\n\n\n<!-- TODO: Move these: https://github.com/web-platform-tests/interop-accessibility/issues/78 -->\n<button title=\"title\" data-expectedlabel=\"contents\" data-testname=\"button with tooltip label\" class=\"ex\">contents</button>\n<input type=\"checkbox\" title=\"title\" data-expectedlabel=\"title\" data-testname=\"checkbox input with tooltip label\" class=\"ex\">\n<input type=\"radio\" title=\"title\" data-expectedlabel=\"title\" data-testname=\"radio input with tooltip label\" class=\"ex\">\n\n<!-- TODO: Move these: https://github.com/web-platform-tests/interop-accessibility/issues/78 -->\n<!-- https://w3c.github.io/html-aam/#input-type-text-input-type-password-input-type-number-input-type-search-input-type-tel-input-type-email-input-type-url-and-textarea-element-accessible-name-computation -->\n<input type=\"text\" title=\"title\" data-expectedlabel=\"title\" placeholder=\"placeholder\" data-testname=\"text input with placeholder and tooltip label\" class=\"ex\">\n<input type=\"password\" title=\"title\" data-expectedlabel=\"title\" placeholder=\"placeholder\" data-testname=\"password input with placeholder and tooltip label\" class=\"ex\">\n<input type=\"number\" title=\"title\" data-expectedlabel=\"title\" placeholder=\"placeholder\" data-testname=\"number input with placeholder and tooltip label\" class=\"ex\">\n<input type=\"search\" title=\"title\" data-expectedlabel=\"title\" placeholder=\"placeholder\" data-testname=\"search input with placeholder and tooltip label\" class=\"ex\">\n<input type=\"tel\" title=\"title\" data-expectedlabel=\"title\" placeholder=\"placeholder\" data-testname=\"tel input with placeholder and tooltip label\" class=\"ex\">\n<input type=\"email\" title=\"title\" data-expectedlabel=\"title\" placeholder=\"placeholder\" data-testname=\"email input with placeholder and tooltip label\" class=\"ex\">\n<input type=\"url\" title=\"title\" data-expectedlabel=\"title\" placeholder=\"placeholder\" data-testname=\"url input with placeholder and tooltip label\" class=\"ex\">\n<textarea title=\"title\" data-expectedlabel=\"title\" placeholder=\"placeholder\" data-testname=\"textarea with placeholder and tooltip label\" class=\"ex\"></textarea>\n\n<!-- TODO: Move these: https://github.com/web-platform-tests/interop-accessibility/issues/78 -->\n<!-- https://w3c.github.io/html-aam/#text-level-element-accessible-name-computation -->\n<abbr title=\"Web Platform Tests\" data-expectedlabel=\"Web Platform Tests\" data-testname=\"abbr with tooltip label\" class=\"ex\">WPT</abbr>\n<!-- kbd test disabled: see resolution at https://github.com/web-platform-tests/interop-accessibility/issues/131 -->\n<!-- <kbd title=\"Control + Option\" data-expectedlabel=\"Control + Option\" data-testname=\"kbd with tooltip label\" class=\"ex\">CTRL + OPT</kbd> -->\n\n<!-- TODO: Move these: https://github.com/web-platform-tests/interop-accessibility/issues/78 -->\n<!-- https://w3c.github.io/html-aam/#summary-element-accessible-name-computation -->\n<details>\n <summary title=\"title\" data-expectedlabel=\"contents\" data-testname=\"summary with tooltip label and contents\" class=\"ex\">contents</summary>\n details\n</details>\n\n<!-- TODO: Move these: https://github.com/web-platform-tests/interop-accessibility/issues/78 -->\n<!-- https://w3c.github.io/html-aam/#iframe-element-accessible-name-computation -->\n<iframe title=\"title\" data-expectedlabel=\"title\" data-testname=\"iframe with tooltip label\" width=\"20px\" height=\"20px\" class=\"ex\"></iframe>",-1 1123 "filename": "comp_text_node.html", -1 1124 "title": "Name Comp: Text Node", -1 1125 "html": "<style type=\"text/css\"></style><p>Tests the <a href=\"https://w3c.github.io/accname/#comp_text_node\">#comp_text_node</a> portions of the AccName <em>Name Computation</em> algorithm.</p>\n\n<!--\n\n Note: some overlap with the tests in:\n - /accname/name/comp_label.html\n - /accname/name/comp_name_from_content.html\n\n-->\n\n<h1>text/element/text nodes, no space</h1>\n<span role=\"button\" tabindex=\"0\" class=\"ex\" data-expectedlabel=\"buttonlabel\" data-testname=\"span[role=button] with text/element/text nodes, no space\">button<span></span>label</span>\n<div role=\"heading\" class=\"ex\" data-expectedlabel=\"headinglabel\" data-testname=\"div[role=heading] with text/element/text nodes, no space\">heading<span></span>label</div>\n<button class=\"ex\" data-expectedlabel=\"buttonlabel\" data-testname=\"button with text/element/text nodes, no space\">button<span></span>label</button>\n<h3 class=\"ex\" data-expectedlabel=\"headinglabel\" data-testname=\"heading with text/element/text nodes, no space\">heading<span></span>label</h3>\n<a href=\"#\" class=\"ex\" data-expectedlabel=\"linklabel\" data-testname=\"link with text/element/text nodes, no space\">link<span></span>label</a>\n<br>\n\n<h1>text/comment/text nodes, no space</h1>\n<!-- Note: This set is not currently to spec until https://github.com/w3c/accname/issues/193 is resolved. -->\n<span role=\"button\" tabindex=\"0\" class=\"ex\" data-expectedlabel=\"buttonlabel\" data-testname=\"span[role=button] with text/comment/text nodes, no space\">\n button<!-- with non-text node splitting concatenated text nodes -->label<!-- [sic] no extra spaces around first comment -->\n</span>\n<div role=\"heading\" class=\"ex\" data-expectedlabel=\"headinglabel\" data-testname=\"div[role=heading] with text/comment/text nodes, no space\">\n heading<!-- with non-text node splitting concatenated text nodes -->label<!-- [sic] no extra spaces around first comment -->\n</div>\n<button class=\"ex\" data-expectedlabel=\"buttonlabel\" data-testname=\"button with text/comment/text nodes, no space\">\n button<!-- with non-text node splitting concatenated text nodes -->label<!-- [sic] no extra spaces around first comment -->\n</button>\n<h3 class=\"ex\" data-expectedlabel=\"headinglabel\" data-testname=\"heading with text/comment/text nodes, no space\">\n heading<!-- with non-text node splitting concatenated text nodes -->label<!-- [sic] no extra spaces around first comment -->\n</h3>\n<a href=\"#\" class=\"ex\" data-expectedlabel=\"linklabel\" data-testname=\"link with text/comment/text nodes, no space\">\n link<!-- with non-text node splitting concatenated text nodes -->label<!-- [sic] no extra spaces around first comment -->\n</a>\n<br>\n\n<h1>text/comment/text nodes, with space</h1>\n<span role=\"button\" tabindex=\"0\" class=\"ex\" data-expectedlabel=\"button label\" data-testname=\"span[role=button] with text/comment/text nodes, with space\">\n button\n <!-- comment node between text nodes with leading/trailing whitespace -->\n label\n</span>\n<div role=\"heading\" class=\"ex\" data-expectedlabel=\"heading label\" data-testname=\"div[role=heading] with text/comment/text nodes, with space\">\n heading\n <!-- comment node between text nodes with leading/trailing whitespace -->\n label\n</div>\n<button class=\"ex\" data-expectedlabel=\"button label\" data-testname=\"button with text/comment/text nodes, with space\">\n button\n <!-- comment node between text nodes with leading/trailing whitespace -->\n label\n</button>\n<h3 class=\"ex\" data-expectedlabel=\"heading label\" data-testname=\"heading with text/comment/text nodes, with space\">\n heading\n <!-- comment node between text nodes with leading/trailing whitespace -->\n label\n</h3>\n<a href=\"#\" class=\"ex\" data-expectedlabel=\"link label\" data-testname=\"link with text/comment/text nodes, with space\">\n link\n <!-- comment node between text nodes with leading/trailing whitespace -->\n label\n</a>\n<br>\n\n<h1>text node, with tab char</h1>\n<span role=\"button\" tabindex=\"0\" class=\"ex\" data-expectedlabel=\"button label\" data-testname=\"span[role=button] with text node, with tab char\">button label</span>\n<div role=\"heading\" class=\"ex\" data-expectedlabel=\"heading label\" data-testname=\"div[role=heading] with text node, with tab char\">heading label</div>\n<button class=\"ex\" data-expectedlabel=\"button label\" data-testname=\"button with text node, with tab char\">button label</button>\n<h3 class=\"ex\" data-expectedlabel=\"heading label\" data-testname=\"heading with text node, with tab char\">heading label</h3>\n<a href=\"#\" class=\"ex\" data-expectedlabel=\"link label\" data-testname=\"link with text node, with tab char\">link\tlabel</a>\n<br>\n\n<h1>text node, with non-breaking space</h1>\n<span role=\"button\" tabindex=\"0\" class=\"ex\" data-expectedlabel=\"button label\" data-testname=\"span[role=button] with text node, with non-breaking space\">button label</span>\n<div role=\"heading\" class=\"ex\" data-expectedlabel=\"heading label\" data-testname=\"div[role=heading] with text node, with non-breaking space\">heading label</div>\n<button class=\"ex\" data-expectedlabel=\"button label\" data-testname=\"button with text node, with non-breaking space\">button label</button>\n<h3 class=\"ex\" data-expectedlabel=\"heading label\" data-testname=\"heading with text node, with non-breaking space\">heading label</h3>\n<a href=\"#\" class=\"ex\" data-expectedlabel=\"link label\" data-testname=\"link with text node, with non-breaking space\">link label</a>\n<br>\n\n<h1>text node, with extra non-breaking space</h1>\n<span role=\"button\" tabindex=\"0\" class=\"ex\" data-expectedlabel=\"button label\" data-testname=\"span[role=button] with text node, with extra non-breaking space\">button label</span>\n<div role=\"heading\" class=\"ex\" data-expectedlabel=\"heading label\" data-testname=\"div[role=heading] with text node, with extra non-breaking space\">heading label</div>\n<button class=\"ex\" data-expectedlabel=\"button label\" data-testname=\"button with text node, with extra non-breaking space\">button label</button>\n<h3 class=\"ex\" data-expectedlabel=\"heading label\" data-testname=\"heading with text node, with extra non-breaking space\">heading label</h3>\n<a href=\"#\" class=\"ex\" data-expectedlabel=\"link label\" data-testname=\"link with text node, with extra non-breaking space\">link label</a>\n<br>\n\n<h1>text node, with leading/trailing non-breaking space</h1>\n<span role=\"button\" tabindex=\"0\" class=\"ex\" data-expectedlabel=\" button label \" data-testname=\"span[role=button] with text node, with leading/trailing non-breaking space\"> button label </span>\n<div role=\"heading\" class=\"ex\" data-expectedlabel=\" heading label \" data-testname=\"div[role=heading] with text node, with leading/trailing non-breaking space\"> heading label </div>\n<button class=\"ex\" data-expectedlabel=\" button label \" data-testname=\"button with text node, with leading/trailing non-breaking space\"> button label </button>\n<h3 class=\"ex\" data-expectedlabel=\" heading label \" data-testname=\"heading with text node, with leading/trailing non-breaking space\"> heading label </h3>\n<a href=\"#\" class=\"ex\" data-expectedlabel=\" link label \" data-testname=\"link with text node, with leading/trailing non-breaking space\"> link label </a>\n<br>\n\n<h1>text node, with mixed space and non-breaking space</h1>\n<span role=\"button\" tabindex=\"0\" class=\"ex\" data-expectedlabel=\"button label\" data-testname=\"span[role=button] with text node, with mixed space and non-breaking space\">button label</span>\n<div role=\"heading\" class=\"ex\" data-expectedlabel=\"heading label\" data-testname=\"div[role=heading] with text node, with mixed space and non-breaking space\">heading label</div>\n<button class=\"ex\" data-expectedlabel=\"button label\" data-testname=\"button with text node, with mixed space and non-breaking space\">button label</button>\n<h3 class=\"ex\" data-expectedlabel=\"heading label\" data-testname=\"heading with text node, with mixed space and non-breaking space\">heading label</h3>\n<a href=\"#\" class=\"ex\" data-expectedlabel=\"link label\" data-testname=\"link with text node, with mixed space and non-breaking space\">link label</a>\n<br>\n\n<h1>text nodes, with deeply nested space</h1>\n<span role=\"button\" tabindex=\"0\" class=\"ex\" data-expectedlabel=\"button label\" data-testname=\"span[role=button] with text node, with deeply nested space\">\nbutton<span><span><span><span><span><span><span> </span></span></span></span></span></span></span>label\n</span>\n<div role=\"heading\" class=\"ex\" data-expectedlabel=\"heading label\" data-testname=\"div[role=heading] with text node, with deeply nested space\">\nheading<span><span><span><span><span><span><span> </span></span></span></span></span></span></span>label\n</div>\n<button class=\"ex\" data-expectedlabel=\"button label\" data-testname=\"button with text node, with deeply nested space\">\nbutton<span><span><span><span><span><span><span> </span></span></span></span></span></span></span>label\n</button>\n<h3 class=\"ex\" data-expectedlabel=\"heading label\" data-testname=\"heading with text node, with deeply nested space\">\nheading<span><span><span><span><span><span><span> </span></span></span></span></span></span></span>label\n</h3>\n<a href=\"#\" class=\"ex\" data-expectedlabel=\"link label\" data-testname=\"link with text node, with deeply nested space\">\nlink<span><span><span><span><span><span><span> </span></span></span></span></span></span></span>label\n</a>\n<br>\n\n<h1>text nodes, with single line break</h1>\n<span role=\"button\" tabindex=\"0\" class=\"ex\" data-expectedlabel=\"button label\" data-testname=\"span[role=button] with text node, with single line break\">button\nlabel</span>\n<div role=\"heading\" class=\"ex\" data-expectedlabel=\"heading label\" data-testname=\"div[role=heading] with text node, with single line break\">heading\nlabel</div>\n<button class=\"ex\" data-expectedlabel=\"button label\" data-testname=\"button with text node, with single line break\">button\nlabel</button>\n<h3 class=\"ex\" data-expectedlabel=\"heading label\" data-testname=\"heading with text node, with single line break\">heading\nlabel</h3>\n<a href=\"#\" class=\"ex\" data-expectedlabel=\"link label\" data-testname=\"link with text node, with single line break\">link\nlabel</a>\n<br>", 1120 1126 "selector": ".ex" 1121 1127 }, 1122 1128 {1123 -1 "filename": "comp_hidden_not_referenced.html",1124 -1 "title": "Name Comp: Hidden Not Referenced",1125 -1 "html": "<style type=\"text/css\"></style><p>Tests the <a href=\"https://w3c.github.io/accname/#comp_hidden_not_referenced\">#comp_hidden_not_referenced</a> portions of the AccName <em>Name Computation</em> algorithm.</p>\n\n<button\n class=\"ex\"\n data-expectedlabel=\"visible to all users\"\n data-testname=\"button containing a rendered, unreferenced element that is aria-hidden=true, an unreferenced element with the hidden host language attribute, and an unreferenced element that is unconditionally rendered\"\n>\n <span aria-hidden=\"true\">hidden,</span>\n <span hidden>hidden from all users,</span>\n <span>visible to all users</span>\n</button>\n\n<button\n class=\"ex\"\n data-expectedlabel=\"hidden but referenced,\"\n data-testname=\"button labelled by element that is aria-hidden=true\"\n aria-labelledby=\"button-label-2\"\n>\n <span aria-hidden=\"true\" id=\"button-label-2\">hidden but referenced,</span>\n <span hidden>hidden from all users,</span>\n <span>visible to all users</span>\n</button>\n\n<button\n class=\"ex\"\n data-expectedlabel=\"hidden from all users but referenced,\"\n data-testname=\"button labelled by element with the hidden host language attribute\"\n aria-labelledby=\"button-label-3\"\n>\n <span aria-hidden=\"true\">hidden,</span>\n <span hidden id=\"button-label-3\">hidden from all users but referenced,</span>\n <span>visible to all users</span>\n</button>\n\n<a\n class=\"ex\"\n data-testname=\"link labelled by elements with assorted visibility and a11y tree exposure\"\n data-expectedlabel=\"visible to all users, hidden but referenced, hidden from all users but referenced\"\n href=\"#\"\n aria-labelledby=\"link-label-1a link-label-1b link-label-1c\"\n>\n <span id=\"link-label-1a\">\n <span>visible to all users,</span>\n <span aria-hidden=\"true\">hidden,</span>\n </span>\n <span aria-hidden=\"true\" id=\"link-label-1b\">hidden but referenced,</span>\n <span hidden id=\"link-label-1c\">hidden from all users but referenced</span>\n</a>\n\n<h2\n class=\"ex\"\n data-testname=\"heading with name from content, containing element that is visibility:hidden with nested content that is visibility:visible\"\n data-expectedlabel=\"visible to all users, un-hidden for all users\"\n>\n visible to all users,\n <span style=\"visibility: hidden;\">\n hidden from all users,\n <span style=\"visibility: visible;\">un-hidden for all users</span>\n </span>\n</h2>\n\n<!-- TODO: Test cases once https://github.com/w3c/aria/issues/1256 resolved: -->\n<!-- - button labelled by an element that is aria-hidden=true which contains a nested child that is aria-hidden=false -->\n<!-- - button labelled by an element that is aria-hidden=false which belongs to a parent that is aria-hidden=true -->\n<!-- - heading with name from content, containing rendered content that is aria-hidden=true with nested, rendered content that is aria-hidden=false -->\n<!-- - heading with name from content, containing element with the hidden host language attribute with nested content that is aria-hidden=false -->\n\n<!-- TODO: New test case?\n<!-- What is the expectation for a details element when it\u2019s given an -->\n<!-- explicit role that allows name from contents (e.g., `comment`) -->\n<!-- but is also not in the open state, and therefore has contents -->\n<!-- that are both not rendered and excluded from the a11y tree. -->",-1 1129 "filename": "comp_labelledby.html", -1 1130 "title": "Name Comp: Labelledby", -1 1131 "html": "<style type=\"text/css\"></style><p>Tests the <a href=\"https://w3c.github.io/accname/#comp_labelledby\">#comp_labelledby</a> portions of the AccName <em>Name Computation</em> algorithm.</p>\n\n<!--\n\n Some overlap with other aria-labelledby tests in:\n - /accname/name/comp_label.html (aria-labelledby / aria-label fallback, etc.)\n - /accname/name/comp_name_from_content.html\n - /accname/name/shadowdom/*\n\n-->\n<h2>Tests for <code>aria-labelledby</code></h2>\n\n<div role=\"group\" aria-labelledby=\"h\" class=\"ex\" data-expectedlabel=\"first heading\" data-testname=\"div group explicitly labelledby heading\">\n <h2 id=\"h\">first heading</h2>\n <p>text inside div group</p>\n</div>\n\n<div role=\"group\" aria-label=\"self label\" id=\"g2\" aria-labelledby=\"g2 h2\" class=\"ex\" data-expectedlabel=\"self label + first heading\" data-testname=\"div group explicitly labelledby self and heading\">\n <h2 id=\"h2\">+ first heading</h2>\n <p>text inside div group</p>\n</div>\n\n<nav aria-labelledby=\"s1 s2 s3 s4\" class=\"ex\" data-expectedlabel=\"verify spaces between foreach\" data-testname=\"nav with verified spaces appended between each of IDREFS\">\n <span id=\"s1\">verify</span><span id=\"s2\">spaces</span><span>FAIL IF INCLUDED</span><span id=\"s3\">between</span><span id=\"s4\">foreach</span>\n</nav>\n\n\n<!-- Removed tests to be merged back in (or this PR reverted) after Interop 2024 completed on Feb 6, 2025. -->\n\n<h2>Tests for <code>aria-labeledby</code> (non-standard spelling)</h2>\n\n<span id=\"n1\">first label</span>\n<span id=\"n2\">second label</span>\n\n<h2>Tests for precedence: <code>aria-labelledby</code> vs. <code>aria-labeledby</code> (non-standard spelling)</h2>\n<!-- The \"aria-labelledby\" spelling should take precedence over \"aria-labeledby\" for accname -->\n\n<a href=\"#\" aria-labelledby=\"n1\" aria-labeledby=\"n2\" class=\"ex\" data-expectedlabel=\"first label\" data-testname=\"link labelled by aria-labelledby supercedes aria-labeledby (non-standard spelling)\">x</a>\n<button aria-labelledby=\"n1\" aria-labeledby=\"n2\" class=\"ex\" data-expectedlabel=\"first label\" data-testname=\"button labelled by aria-labelledby supercedes aria-labeledby (non-standard spelling)\">x</button>\n<div role=\"group\" aria-labelledby=\"n1\" aria-labeledby=\"n2\" class=\"ex\" data-expectedlabel=\"first label\" data-testname=\"div labelled by aria-labelledby supercedes aria-labeledby (non-standard spelling)\">x</div>\n\n<a href=\"#\" aria-labeledby=\"n1\" aria-labelledby=\"n2\" class=\"ex\" data-expectedlabel=\"second label\" data-testname=\"link labelled by [aria-labeledby][aria-labelledby]\">x</a>\n<button aria-labeledby=\"n1\" aria-labelledby=\"n2\" class=\"ex\" data-expectedlabel=\"second label\" data-testname=\"button labelled by [aria-labeledby][aria-labelledby]\">x</button>\n<div role=\"group\" aria-labeledby=\"n1\" aria-labelledby=\"n2\" class=\"ex\" data-expectedlabel=\"second label\" data-testname=\"div labelled by [aria-labeledby][aria-labelledby]\">x</div>\n\n<h2>Tests for name precedence with <code>aria-labeledby</code> (non-standard spelling)</h2>\n<!-- Name computation: https://w3c.github.io/accname/#computation-steps -->\n\n<!-- Step 2H: Recursive Name from Content, see wpt/accname/name/comp_name_from_content.html -->\n<h3>\n <a href=\"#\" aria-labeledby=\"nested_image_label2\">\n link1<!-- this text is skipped because of aria-labeledby -->\n </a>\n <a href=\"#\" data-expectedlabel=\"link2 image link3\" data-testname=\"link name from content for each child including nested image (referenced elsewhere via labeledby)\" class=\"ex\">\n link2\n <img id=\"nested_image_label2\" alt=\"image\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\">\n <!-- image skipped in this link (when computing heading text) because it was already referenced by the first link within this heading label recursion cycle. -->\n <!-- but image not skipped when computing the text of the link itself since it has not been referenced in that context -->\n link3\n </a>\n</h3>\n\n<!--\n\n BLOCKED on https://github.com/w3c/accname/issues/209\n\n Once that's resolved, it may be worthwhile to add a new ./comp_labelledby_recursion.html file,\n so that the implementation diffs rolling in don't penalize this Interop 2024 test.\n\n All remaining cases of https://w3c.github.io/accname/#comp_labelledby\n - comp_labelledby_reset\n - comp_labelledby_foreach\n - comp_labelledby_set_current\n - comp_labelledby_recursion\n - comp_labelledby_append\n - comp_labelledby_return\n\n-->", 1126 1132 "selector": ".ex" 1127 1133 }, 1128 1134 { @@ -1132,74 +1138,73 @@ window.wpt["accname"] = [ 1132 1138 "selector": ".ex" 1133 1139 }, 1134 1140 {1135 -1 "filename": "comp_name_from_content.html",1136 -1 "title": "Name Comp: Name From Content",1137 -1 "html": "<style type=\"text/css\">\n\n /*\n\n Since the AccName spec is in flux about whitespace joiners, and the implementations don't match,\n normalize the whitespace (with extra leading/trailing) space.\n\n No point in having the same in-flux spec change cause failures the remaining unrelated tests.\n\n See more here:\n https://github.com/w3c/accname/issues/205\n https://github.com/w3c/accname/projects/1#card-42288231\n\n */\n\n .simple-before::before {\n content: \" before \"; /* [sic] leading and trailing space */\n margin:0 0.1em;\n }\n .simple-after::after {\n content: \" after \"; /* [sic] leading and trailing space */\n margin:0 0.1em;\n }\n .no-space::before, .no-space::after {\n content: \"nospace\"; /* [sic] Unlike the others, NO extra leading/trailing space here. */\n }\n .simple-before:dir(rtl)::before {\n content: \" \u0645\u0646 \u0642\u0628\u0644 \"; /* [sic] leading and trailing space */\n }\n .simple-after:dir(rtl)::after {\n content: \" \u0628\u0639\u062f \"; /* [sic] leading and trailing space */\n }\n .fallback-before::before {\n content: \" before \"; /* [sic] leading and trailing space */\n content: \" before \" / \" alt-before \"; /* Override the previous line for engines that support the Alternative Text syntax. */\n }\n .fallback-after::after {\n content: \" after \"; /* [sic] leading and trailing space */\n content: \" after \" / \" alt-after \"; /* Override the previous line for engines that support the Alternative Text syntax. */\n }\n .fallback-before-empty::before {\n content: \"before\" / \"\";\n }\n .fallback-before-image-empty::before {\n content: \"before \" url(/images/blue.png) / \"\";\n }\n .fallback-before-mixed::before {\n content: \" before \"; /* [sic] leading and trailing space */\n content: \" before \" / \" start \" attr(data-alt-text-before) \" end \"; /* Override the previous line for engines that support the Alternative Text syntax. */\n }\n .fallback-after-mixed::after {\n content: \" after \"; /* [sic] leading and trailing space */\n content: \" after \" / \" start \" attr(data-alt-text-after) \" end \"; /* Override the previous line for engines that support the Alternative Text syntax. */\n }\n .block > span {\n display: block;\n margin: 0 0.1em;\n }\n .iblock > span {\n display: inline-block;\n margin: 0 0.1em;\n }\n\n </style><p>Tests the <a href=\"https://w3c.github.io/accname/#comp_name_from_content\">#comp_name_from_content</a> portions of the AccName <em>Name Computation</em> algorithm.</p>\n\n<p>This series of tests exercises the button, heading, and link elements, because each have different characteristics worthy of testing in each of the name computation algorithm scenarios:</p>\n<ul>\n <li>button is a leaf node with sub-level elements presentational.</li>\n <li>heading is block level, and can contain sub-level interactives like links.</li>\n <li>link (a[href]) is an interactive inline element that can include non-presentational descendants.</li>\n</ul>\n\n<h1>ARIA roles, inline</h1>\n<span tabindex=\"0\" role=\"button\" data-expectedlabel=\"label\" data-testname=\"aria button name from content, inline\" class=\"ex\">label</span><br>\n<span tabindex=\"0\" role=\"heading\" data-expectedlabel=\"label\" data-testname=\"aria heading name from content, inline\" class=\"ex\">label</span><br>\n<span tabindex=\"0\" role=\"link\" data-expectedlabel=\"label\" data-testname=\"aria link name from content, inline\" class=\"ex\">label</span><br>\n<br>\n\n<h1>ARIA roles, block</h1>\n<div tabindex=\"0\" role=\"button\" data-expectedlabel=\"label\" data-testname=\"aria button name from content, block\" class=\"ex\">label</div>\n<div tabindex=\"0\" role=\"heading\" data-expectedlabel=\"label\" data-testname=\"aria heading name from content, block\" class=\"ex\">label</div>\n<div tabindex=\"0\" role=\"link\" data-expectedlabel=\"label\" data-testname=\"aria link name from content, block\" class=\"ex\">label</div>\n<br>\n\n<h1>simple</h1>\n<button data-expectedlabel=\"label\" data-testname=\"button name from content\" class=\"ex\">label</button><br>\n<h3 data-expectedlabel=\"label\" data-testname=\"heading name from content\" class=\"ex\">label</h3>\n<a href=\"#\" data-expectedlabel=\"label\" data-testname=\"link name from content\" class=\"ex\">label</a><br>\n<br>\n\n<h1>simple with ::before</h1>\n<button data-expectedlabel=\"before label\" data-testname=\"button name from content with ::before\" class=\"ex simple-before\">label</button><br>\n<h3 data-expectedlabel=\"before label\" data-testname=\"heading name from content with ::before\" class=\"ex simple-before\">label</h3>\n<a href=\"#\" data-expectedlabel=\"before label\" data-testname=\"link name from content with ::before\" class=\"ex simple-before\">label</a><br>\n<br>\n\n<h1>simple with ::after</h1>\n<button data-expectedlabel=\"label after\" data-testname=\"button name from content with ::after\" class=\"ex simple-after\">label</button><br>\n<h3 data-expectedlabel=\"label after\" data-testname=\"heading name from content with ::after\" class=\"ex simple-after\">label</h3>\n<a href=\"#\" data-expectedlabel=\"label after\" data-testname=\"link name from content with ::after\" class=\"ex simple-after\">label</a><br>\n<br>\n\n<h1>simple with ::before and ::after</h1>\n<button data-expectedlabel=\"before label after\" data-testname=\"button name from content with ::before and ::after\" class=\"ex simple-before simple-after\">label</button><br>\n<h3 data-expectedlabel=\"before label after\" data-testname=\"heading name from content with ::before and ::after\" class=\"ex simple-before simple-after\">label</h3>\n<a href=\"#\" data-expectedlabel=\"before label after\" data-testname=\"link name from content with ::before and ::after\" class=\"ex simple-before simple-after\">label</a><br>\n<br>\n\n<h1>no space joiners ::before and ::after</h1>\n<button data-expectedlabel=\"nospacelabelnospace\" data-testname=\"button name from content no space joiners ::before and ::after\" class=\"ex no-space\">label</button><br>\n<h3 data-expectedlabel=\"nospacelabelnospace\" data-testname=\"heading name from content no space joiners ::before and ::after\" class=\"ex no-space\">label</h3>\n<a href=\"#\" data-expectedlabel=\"nospacelabelnospace\" data-testname=\"link name from content no space joiners ::before and ::after\" class=\"ex no-space\">label</a><br>\n<br>\n\n<h1>Arabic right-to-left (RTL) with ::before and ::after</h1>\n<div dir=\"rtl\" lang=\"ar\">\n <button data-expectedlabel=\"\u0645\u0646 \u0642\u0628\u0644 \u0627\u0633\u0645 \u0628\u0639\u062f\" data-testname=\"button name from content with ::before and ::after in rtl\" class=\"ex simple-before simple-after\">\u0627\u0633\u0645</button><br>\n <h3 data-expectedlabel=\"\u0645\u0646 \u0642\u0628\u0644 \u0627\u0633\u0645 \u0628\u0639\u062f\" data-testname=\"heading name from content with ::before and ::after in rtl\" class=\"ex simple-before simple-after\">\u0627\u0633\u0645</h3>\n <a href=\"#\" data-expectedlabel=\"\u0645\u0646 \u0642\u0628\u0644 \u0627\u0633\u0645 \u0628\u0639\u062f\" data-testname=\"link name from content with ::before and ::after in rtl\" class=\"ex simple-before simple-after\">\u0627\u0633\u0645</a><br>\n</div>\n<br>\n\n<h1><a href=\"https://drafts.csswg.org/css-content/#alt\">Alternative Text for CSS content (previously `alt:`)</a> in pseudo-elements</h1>\n<p>rendered text should be \"before label after\"</p>\n<p>accessibility label should be \"alt-before label alt-after\"</p>\n<button data-expectedlabel=\"alt-before label alt-after\" data-testname=\"button name from fallback content with ::before and ::after\" class=\"ex fallback-before fallback-after\">label</button><br>\n<h3 data-expectedlabel=\"alt-before label alt-after\" data-testname=\"heading name from fallback content with ::before and ::after\" class=\"ex fallback-before fallback-after\">label</h3>\n<a href=\"#\" data-expectedlabel=\"alt-before label alt-after\" data-testname=\"link name from fallback content with ::before and ::after\" class=\"ex fallback-before fallback-after\">label</a><br>\n<br>\n\n<h1><a href=\"https://drafts.csswg.org/css-content/#alt\">Mixed Alternative Text (attr() and strings) for CSS content (previously `alt:`)</a> in pseudo-elements</h1>\n<p>rendered text should be \"before label after\"</p>\n<p>accessibility label should be \"start alt-before end label start alt-after end\"</p>\n<button data-alt-text-before=\"alt-before\" data-alt-text-after=\"alt-after\" data-expectedlabel=\"start alt-before end label start alt-after end\" data-testname=\"button name from fallback content mixing attr() and strings with ::before and ::after\" class=\"ex fallback-before-mixed fallback-after-mixed\">label</button><br>\n<h3 data-alt-text-before=\"alt-before\" data-alt-text-after=\"alt-after\" data-expectedlabel=\"start alt-before end label start alt-after end\" data-testname=\"heading name from fallback content mixing attr() and strings with ::before and ::after\" class=\"ex fallback-before-mixed fallback-after-mixed\">label</h3>\n<a href=\"#\" data-alt-text-before=\"alt-before\" data-alt-text-after=\"alt-after\" data-expectedlabel=\"start alt-before end label start alt-after end\" data-testname=\"link name from fallback content mixing attr() and strings with ::before and ::after\" class=\"ex fallback-before-mixed fallback-after-mixed\">label</a><br>\n<br>\n\n<h1>Empty alternative text for CSS content in pseudo-elements when applied to primitive appearance form controls</h1>\n<p><input data-expectedlabel=\"\" data-testname=\"primitive radio input with ::before containing empty alternative text\" class=\"ex fallback-before-empty\" type=radio style=appearance:none>\n<p><input data-expectedlabel=\"\" data-testname=\"primitive radio input with ::before containing empty alternative text for an image\" class=\"ex fallback-before-image-empty\" type=radio style=appearance:none>\n\n<h1>simple w/ for each child</h1>\n<button data-expectedlabel=\"one two three\" data-testname=\"button name from content for each child\" class=\"ex\"><span>one</span> <span>two</span> <span>three</span></button><br>\n<h3 data-expectedlabel=\"one two three\" data-testname=\"heading name from content for each child\" class=\"ex\"><span>one</span> <span>two</span> <span>three</span></h3>\n<a href=\"#\" data-expectedlabel=\"one two three\" data-testname=\"link name from content for each child\" class=\"ex\"><span>one</span> <span>two</span> <span>three</span></a><br>\n<br>\n\n<h1>simple for each child with image</h1>\n<button data-expectedlabel=\"one two three\" data-testname=\"button name from content for each child including image\" class=\"ex\"><span>one</span> <img alt=\"two\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\"> <span>three</span></button><br>\n<h3 data-expectedlabel=\"one two three\" data-testname=\"heading name from content for each child including image\" class=\"ex\"><span>one</span> <img alt=\"two\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\"> <span>three</span></h3>\n<a href=\"#\" data-expectedlabel=\"one two three\" data-testname=\"link name from content for each child including image\" class=\"ex\"><span>one</span> <img alt=\"two\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\"> <span>three</span></a><br>\n<br>\n\n\n<h1>simple for each child with extra nesting containing image</h1>\n<button data-expectedlabel=\"one two three four\" data-testname=\"button name from content for each child including nested image\" class=\"ex\"><span>one</span> <span>two <img alt=\"three\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\"></span> <span>four</span></button><br>\n<h3 data-expectedlabel=\"one two three four\" data-testname=\"heading name from content for each child including nested image\" class=\"ex\"><span>one</span> <span>two <img alt=\"three\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\"></span> <span>four</span></h3>\n<a href=\"#\" data-expectedlabel=\"one two three four\" data-testname=\"link name from content for each child including nested image\" class=\"ex\"><span>one</span> <span>two <img alt=\"three\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\"></span> <span>four</span></a><br>\n<br>\n\n<h1>heading with nested button with nested image</h1>\n<h3 data-expectedlabel=\"heading button image button heading\" data-testname=\"heading name from content for each child including nested button with nested image\" class=\"ex\">\n heading\n <button>\n button\n <img alt=\"image\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\">\n button\n </button>\n heading\n</h3>\n\n<h1>heading with nested link with nested image</h1>\n<h3 data-expectedlabel=\"heading link image link heading\" data-testname=\"heading name from content for each child including nested link with nested image\" class=\"ex\">\n heading\n <a href=\"#\">\n link\n <img alt=\"image\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\">\n link\n </a>\n heading\n</h3>\n\n<h1>heading with nested link with nested image using aria-label</h1>\n<h3 data-expectedlabel=\"heading link aria-label heading\" data-testname=\"heading name from content for each child including nested link using aria-label with nested image\" class=\"ex\">\n heading\n <a href=\"#\" aria-label=\"link aria-label\"><!-- should skip the other link text -->\n ignored link text\n <img id=\"nested_image_label_1\" alt=\"ignored image alt\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\">\n ignored link text\n </a>\n heading\n</h3>\n\n<h1>heading with nested link with nested image using aria-labelledby</h1>\n<h3 data-expectedlabel=\"heading image heading\" data-testname=\"heading name from content for each child including nested link using aria-labelledby with nested image\" class=\"ex\">\n heading\n <a href=\"#\" aria-labelledby=\"nested_image_label1\"><!-- should skip the other link text -->\n ignored link text\n <img id=\"nested_image_label1\" alt=\"image\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\">\n ignored link text\n </a>\n heading\n</h3>\n\n<h1>heading with two nested links referencing image using aria-labelledby</h1>\n<h3 data-expectedlabel=\"image link2 link3\" data-testname=\"heading name from content for each child including two nested links using aria-labelledby with nested image\" class=\"ex\">\n <a href=\"#\" aria-labelledby=\"nested_image_label2\">\n link1<!-- this text is skipped because of aria-labelledby -->\n </a>\n <a href=\"#\" data-expectedlabel=\"link2 image link3\" data-testname=\"link name from content for each child including nested image (referenced elsewhere via labelledby)\" class=\"ex\">\n link2\n <img id=\"nested_image_label2\" alt=\"image\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\">\n <!-- image skipped in this link (when computing heading text) because it was already referenced by the first link within this heading label recursion cycle. -->\n <!-- but image not skipped when computing the text of the link itself since it has not been referenced in that context -->\n link3\n </a>\n</h3>\n\n\n<!-- Note: The following test is out of line with the spec, but matching two out of three implementations at the time of writing, and spec changes are expeected. -->\n<!-- See details in https://github.com/w3c/accname/issues/205 -->\n<!-- Final spec resolution will be addressed in AccName Whitespace Project: https://github.com/w3c/accname/projects/1#card-42288231 -->\n<h1>simple w/ for each child (w/o spaces and display:inline)</h1>\n<button data-expectedlabel=\"onetwothree\" data-testname=\"button name from content for each child (no space, inline)\" class=\"ex\"><span>one</span><span>two</span><span>three</span></button><br>\n<h3 data-expectedlabel=\"onetwothree\" data-testname=\"heading name from content for each child (no space, inline)\" class=\"ex\"><span>one</span><span>two</span><span>three</span></h3>\n<a href=\"#\" data-expectedlabel=\"onetwothree\" data-testname=\"link name from content for each child (no space, inline)\" class=\"ex\"><span>one</span><span>two</span><span>three</span></a><br>\n<br>\n\n<h1>simple w/ for each child (w/o spaces and display:block)</h1>\n<button data-expectedlabel=\"one two three\" data-testname=\"button name from content for each child (no space, display:block)\" class=\"ex block\"><span>one</span><span>two</span><span>three</span></button><br>\n<h3 data-expectedlabel=\"one two three\" data-testname=\"heading name from content for each child (no space, display:block)\" class=\"ex block\"><span>one</span><span>two</span><span>three</span></h3>\n<a href=\"#\" data-expectedlabel=\"one two three\" data-testname=\"link name from content for each child (no space, display:block)\" class=\"ex block\"><span>one</span><span>two</span><span>three</span></a><br>\n<br>\n\n<h1>simple w/ for each child (w/o spaces and display:inline block)</h1>\n<button data-expectedlabel=\"one two three\" data-testname=\"button name from content for each child (no space, display:inline-block)\" class=\"ex iblock\"><span>one</span><span>two</span><span>three</span></button><br>\n<h3 data-expectedlabel=\"one two three\" data-testname=\"heading name from content for each child (no space, display:inline-block)\" class=\"ex iblock\"><span>one</span><span>two</span><span>three</span></h3>\n<a href=\"#\" data-expectedlabel=\"one two three\" data-testname=\"link name from content for each child (no space, display:inline-block)\" class=\"ex iblock\"><span>one</span><span>two</span><span>three</span></a><br>\n<br>\n\n<h1 data-expectedlabel=\"Call us\" data-testname=\"heading name from content with text-transform:none\" class=\"ex\" style=\"text-transform:none;\">Call us</h1>\n<h1 data-expectedlabel=\"CALL US\" data-testname=\"heading name from content with text-transform:uppercase\" class=\"ex\" style=\"text-transform:uppercase;\">Call us</h1>\n<h1 data-expectedlabel=\"Call Us\" data-testname=\"heading name from content with text-transform:capitalize\" class=\"ex\" style=\"text-transform:capitalize;\">Call us</h1>\n<h1 data-expectedlabel=\"call us\" data-testname=\"heading name from content with text-transform:lowercase\" class=\"ex\" style=\"text-transform:lowercase;\">Call us</h1>",-1 1141 "filename": "comp_host_language_label.html", -1 1142 "title": "Name Comp: Host Language Label", -1 1143 "html": "<style type=\"text/css\"></style><h1>AccName: Host Language Label Tests</h1>\n<p>Tests the <a href=\"https://w3c.github.io/accname/#comp_host_language_label\">#comp_host_language_label</a> portions of the AccName <em>Name Computation</em> algorithm.</p>\n\n<h2>HTML input with value, alt, etc.</h2>\n<input type=\"button\" value=\"button label\" data-expectedlabel=\"button label\" data-testname=\"html: input[type=button]\" class=\"ex\">\n<input type=\"image\" alt=\"image input label\" data-expectedlabel=\"image input label\" data-testname=\"html: input[type=image]\" class=\"ex\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\">\n<input type=\"reset\" value=\"reset label\" data-expectedlabel=\"reset label\" data-testname=\"html: input[type=reset]\" class=\"ex\">\n<input type=\"submit\" value=\"submit label\" data-expectedlabel=\"submit label\" data-testname=\"html: input[type=submit]\" class=\"ex\">\n\n\n<h2>HTML input label/for</h2>\n<!-- above: input[type=button] -->\n<label for=\"cb\">checkbox label</label><input id=\"cb\" type=\"checkbox\" data-expectedlabel=\"checkbox label\" data-testname=\"html: label[for] input[type=checkbox]\" class=\"ex\"><br>\n<label for=\"cbv\">checkbox label with non-empty value</label><input id=\"cbv\" type=\"checkbox\" data-expectedlabel=\"checkbox label with non-empty value\" data-testname=\"html: label[for] input[type=checkbox][value='test']\" class=\"ex\" value=\"test\"><br>\n<label for=\"cbc\">checkbox label checked</label><input id=\"cbc\" type=\"checkbox\" data-expectedlabel=\"checkbox label checked\" data-testname=\"html: label[for] input[type=checkbox][checked]\" class=\"ex\" checked><br>\n<label for=\"cbcv\">checkbox label checked with non-empty value</label><input id=\"cbcv\" type=\"checkbox\" data-expectedlabel=\"checkbox label checked with non-empty value\" data-testname=\"html: label[for] input[type=checkbox][checked][value='test']\" class=\"ex\" value=\"test\" checked><br>\n<label for=\"co\">color label</label><input id=\"co\" type=\"color\" data-expectedlabel=\"color label\" data-testname=\"html: label[for] input[type=color]\" class=\"ex\"><br>\n<label for=\"cov\">color label with non-empty value</label><input id=\"cov\" type=\"color\" data-expectedlabel=\"color label with non-empty value\" data-testname=\"html: label[for] input[type=color][value='#999999']\" class=\"ex\" value=\"#999999\"><br>\n<label for=\"da\">date label</label><input id=\"da\" type=\"date\" data-expectedlabel=\"date label\" data-testname=\"html: label[for] input[type=date]\" class=\"ex\"><br>\n<label for=\"dav\">date label with non-empty value</label><input id=\"dav\" type=\"date\" data-expectedlabel=\"date label with non-empty value\" data-testname=\"html: label[for] input[type=date][value='2025-01-01']\" class=\"ex\" value=\"2025-01-01\"><br>\n<label for=\"dtl\">datetime-local label</label><input id=\"dtl\" type=\"date\" data-expectedlabel=\"datetime-local label\" data-testname=\"html: label[for] input[type=datetime-local]\" class=\"ex\"><br>\n<label for=\"dtlv\">datetime-local label with non-empty value</label><input id=\"dtlv\" type=\"date\" data-expectedlabel=\"datetime-local label with non-empty value\" data-testname=\"html: label[for] input[type=datetime-local][value='2025-01-01T00:01']\" class=\"ex\" value=\"2025-01-01T00:01\"><br>\n<label for=\"em\">email label</label><input id=\"em\" type=\"email\" data-expectedlabel=\"email label\" data-testname=\"html: label[for] input[type=email]\" class=\"ex\"><br>\n<label for=\"emv\">email label with non-empty value</label><input id=\"emv\" type=\"email\" data-expectedlabel=\"email label with non-empty value\" data-testname=\"html: label[for] input[type=email][value='test@test.com']\" class=\"ex\" value=\"test@test.com\"><br>\n\n<!-- todo: results for input[type=file] currently differ in all engines -->\n<!--\n<label for=\"fi\">file label</label><input id=\"fi\" type=\"file\" data-expectedlabel=\"file label\" data-testname=\"html: label[for] input[type=file]\" class=\"ex\"><br>\n-->\n\n<!-- skipped: input[type=hidden] for/id n/a -->\n<!-- above: input[type=image] -->\n<label for=\"mo\">month label</label><input id=\"mo\" type=\"month\" data-expectedlabel=\"month label\" data-testname=\"html: label[for] input[type=month]\" class=\"ex\"><br>\n<label for=\"mov\">month label with non-empty value</label><input id=\"mov\" type=\"month\" data-expectedlabel=\"month label with non-empty value\" data-testname=\"html: label[for] input[type=month][value='2025-01']\" class=\"ex\" value=\"2025-01\"><br>\n<label for=\"n\">number label</label><input id=\"n\" type=\"number\" data-expectedlabel=\"number label\" data-testname=\"html: label[for] input[type=number]\" class=\"ex\"><br>\n<label for=\"nv\">number label with non-empty value</label><input id=\"nv\" type=\"number\" data-expectedlabel=\"number label with non-empty value\" data-testname=\"html: label[for] input[type=number][value=2025]\" class=\"ex\" value=\"2025\"><br>\n<label for=\"pw\">password label</label><input id=\"pw\" type=\"password\" data-expectedlabel=\"password label\" data-testname=\"html: label[for] input[type=password]\" class=\"ex\"><br>\n<label for=\"pwv\">password label with non-empty value</label><input id=\"pwv\" type=\"password\" data-expectedlabel=\"password label with non-empty value\" data-testname=\"html: label[for] input[type=password][value='test']\" class=\"ex\" value=\"test\"><br>\n<label for=\"ra\">radio label</label><input id=\"ra\" type=\"radio\" data-expectedlabel=\"radio label\" data-testname=\"html: label[for] input[type=radio]\" class=\"ex\"><br>\n<label for=\"rav\">radio label with non-empty value</label><input id=\"rav\" type=\"radio\" data-expectedlabel=\"radio label with non-empty value\" data-testname=\"html: label[for] input[type=radio][value='test']\" class=\"ex\" value=\"test\"><br>\n<label for=\"rng\">range label</label><input id=\"rng\" type=\"range\" data-expectedlabel=\"range label\" data-testname=\"html: label[for] input[type=range]\" class=\"ex\"><br>\n<label for=\"rngv\">range label with non-empty value</label><input id=\"rngv\" type=\"range\" data-expectedlabel=\"range label with non-empty value\" data-testname=\"html: label[for] input[type=range][min=0][max=10][value=5]\" class=\"ex\" min=\"0\" max=\"10\" value=\"5\"><br>\n<!-- input[type=reset] above -->\n<label for=\"search\">search label</label><input id=\"search\" type=\"search\" data-expectedlabel=\"search label\" data-testname=\"html: label[for] input[type=search]\" class=\"ex\"><br>\n<label for=\"searchv\">search label with non-empty value</label><input id=\"searchv\" type=\"search\" data-expectedlabel=\"search label with non-empty value\" data-testname=\"html: label[for] input[type=search][value='test']\" class=\"ex\" value=\"test\"><br>\n<!-- input[type=submit] above -->\n<label for=\"tel\">tel label</label><input id=\"tel\" type=\"tel\" data-expectedlabel=\"tel label\" data-testname=\"html: label[for] input[type=tel]\" class=\"ex\"><br>\n<label for=\"telv\">tel label with non-empty value</label><input id=\"telv\" type=\"tel\" data-expectedlabel=\"tel label with non-empty value\" data-testname=\"html: label[for] input[type=tel][value='123-45-678']\" class=\"ex\" value=\"123-45-678\"><br>\n<label for=\"t\">textfield label</label><input id=\"t\" type=\"text\" data-expectedlabel=\"textfield label\" data-testname=\"html: label[for] input[type=text]\" class=\"ex\"><br>\n<label for=\"tv\">textfield label with non-empty value</label><input id=\"tv\" type=\"text\" data-expectedlabel=\"textfield label with non-empty value\" data-testname=\"html: label[for] input[type=text][value='test']\" class=\"ex\" value=\"test\"><br>\n<label for=\"time\">time label</label><input id=\"time\" type=\"time\" data-expectedlabel=\"time label\" data-testname=\"html: label[for] input[type=time]\" class=\"ex\"><br>\n<label for=\"timev\">time label with non-empty value</label><input id=\"timev\" type=\"time\" data-expectedlabel=\"time label with non-empty value\" data-testname=\"html: label[for] input[type=time][value='00:01']\" class=\"ex\" value=\"00:01\"><br>\n<label for=\"url\">url label</label><input id=\"url\" type=\"url\" data-expectedlabel=\"url label\" data-testname=\"html: label[for] input[type=url]\" class=\"ex\"><br>\n<label for=\"urlv\">url label with non-empty value</label><input id=\"urlv\" type=\"url\" data-expectedlabel=\"url label with non-empty value\" data-testname=\"html: label[for] input[type=url][value='https://www.w3.org']\" class=\"ex\" value=\"https://www.w3.org\"><br>\n<label for=\"week\">week label</label><input id=\"week\" type=\"week\" data-expectedlabel=\"week label\" data-testname=\"html: label[for] input[type=week]\" class=\"ex\"><br>\n<label for=\"weekv\">week label with non-empty value</label><input id=\"weekv\" type=\"week\" data-expectedlabel=\"week label with non-empty value\" data-testname=\"html: label[for] input[type=week][value='2025-W01']\" class=\"ex\" value=\"2025-W01\"><br>\n\n\n<h2>HTML input label encapsulation</h2>\n<!-- above: input[type=button] -->\n<label><input type=\"checkbox\" data-expectedlabel=\"checkbox label\" data-testname=\"html: label input[type=checkbox] encapsulation\" class=\"ex\">checkbox label</label><br>\n<label><input type=\"checkbox\" data-expectedlabel=\"checkbox label with non-empty value\" data-testname=\"html: label input[type=checkbox][value='test'] encapsulation\" class=\"ex\" value=\"test\">checkbox label with non-empty value</label><br>\n<label><input type=\"checkbox\" data-expectedlabel=\"checkbox label checked\" data-testname=\"html: label input[type=checkbox][checked] encapsulation\" class=\"ex\" checked>checkbox label checked</label><br>\n<label><input type=\"checkbox\" data-expectedlabel=\"checkbox label checked with non-empty value\" data-testname=\"html: label input[type=checkbox][value='test'][checked] encapsulation\" class=\"ex\" value=\"test\" checked>checkbox label checked with non-empty value</label><br>\n<label><input type=\"color\" data-expectedlabel=\"color label\" data-testname=\"html: label input[type=color] encapsulation\" class=\"ex\">color label</label><br>\n<label><input type=\"color\" data-expectedlabel=\"color label with non-empty value\" data-testname=\"html: label input[type=color][value='#999999'] encapsulation\" class=\"ex\" value=\"#999999\">color label with non-empty value</label><br>\n<label><input type=\"date\" data-expectedlabel=\"date label\" data-testname=\"html: label input[type=date] encapsulation\" class=\"ex\">date label</label><br>\n<label><input type=\"date\" data-expectedlabel=\"date label with non-empty value\" data-testname=\"html: label input[type=date][value='2025-01-01'] encapsulation\" class=\"ex\" value=\"2025-01-01\">date label with non-empty value</label><br>\n<label><input type=\"datetime-local\" data-expectedlabel=\"datetime-local label\" data-testname=\"html: label input[type=datetime-local] encapsulation\" class=\"ex\">datetime-local label</label><br>\n<label><input type=\"datetime-local\" data-expectedlabel=\"datetime-local label with non-empty value\" data-testname=\"html: label input[type=datetime-local][value='2025-01-01T00:01'] encapsulation\" class=\"ex\" value=\"2025-01-01T00:01\">datetime-local label with non-empty value</label><br>\n<label><input type=\"email\" data-expectedlabel=\"email label\" data-testname=\"html: label input[type=email] encapsulation\" class=\"ex\">email label</label><br>\n<label><input type=\"email\" data-expectedlabel=\"email label with non-empty value\" data-testname=\"html: label input[type=email][value='test@test.com'] encapsulation\" class=\"ex\" value=\"test@test.com\">email label with non-empty value</label><br>\n\n<!-- todo: results for input[type=file] currently differ in all engines -->\n<!--\n<label><input type=\"file\" data-expectedlabel=\"file label\" data-testname=\"html: label input[type=file] encapsulation\" class=\"ex\">file label</label><br>\n-->\n\n<!-- skipped: input[type=hidden] n/a -->\n<!-- above: input[type=image] -->\n<label><input type=\"month\" data-expectedlabel=\"month label\" data-testname=\"html: label input[type=month] encapsulation\" class=\"ex\">month label</label><br>\n<label><input type=\"month\" data-expectedlabel=\"month label with non-empty value\" data-testname=\"html: label input[type=month][value='2025-01'] encapsulation\" class=\"ex\" value=\"2025-01\">month label with non-empty value</label><br>\n<label><input type=\"number\" data-expectedlabel=\"number label\" data-testname=\"html: label input[type=number] encapsulation\" class=\"ex\">number label</label><br>\n<label><input type=\"number\" data-expectedlabel=\"number label with non-empty value\" data-testname=\"html: label input[type=number][value=1] encapsulation\" class=\"ex\" value=\"1\">number label with non-empty value</label><br>\n<label><input type=\"password\" data-expectedlabel=\"password label\" data-testname=\"html: label input[type=password] encapsulation\" class=\"ex\">password label</label><br>\n<label><input type=\"password\" data-expectedlabel=\"password label with non-empty value\" data-testname=\"html: label input[type=password][value='test'] encapsulation\" class=\"ex\" value=\"test\">password label with non-empty value</label><br>\n<label><input type=\"radio\" data-expectedlabel=\"radio label\" data-testname=\"html: label input[type=radio] encapsulation\" class=\"ex\">radio label</label><br>\n<label><input type=\"radio\" data-expectedlabel=\"radio label with non-empty value\" data-testname=\"html: label input[type=radio][value='test'] encapsulation\" class=\"ex\" value=\"test\">radio label with non-empty value</label><br>\n<label><input type=\"range\" data-expectedlabel=\"range label\" data-testname=\"html: label input[type=range] encapsulation\" class=\"ex\">range label</label><br>\n<label><input type=\"range\" data-expectedlabel=\"range label with non-empty value\" data-testname=\"html: label input[type=range][value='5'][min='0'][max='10'] encapsulation\" class=\"ex\" min=\"0\" max=\"10\" value=\"5\">range label with non-empty value</label><br>\n<!-- above: input[type=reset] -->\n<label><input type=\"search\" data-expectedlabel=\"search label\" data-testname=\"html: label input[type=search] encapsulation\" class=\"ex\">search label</label><br>\n<label><input type=\"search\" data-expectedlabel=\"search label with non-empty value\" data-testname=\"html: label input[type=search][value='test'] encapsulation\" class=\"ex\" value=\"test\">search label with non-empty value</label><br>\n<!-- above: input[type=submit] -->\n<label><input type=\"tel\" data-expectedlabel=\"tel label\" data-testname=\"html: label input[type=tel] encapsulation\" class=\"ex\">tel label</label><br>\n<label><input type=\"tel\" data-expectedlabel=\"tel label with non-empty value\" data-testname=\"html: label input[type=tel][value='123-45-678'] encapsulation\" class=\"ex\" value=\"123-45-678\">tel label with non-empty value</label><br>\n<label><input type=\"text\" data-expectedlabel=\"textfield label\" data-testname=\"html: label[for] input[type=text] encapsulation\" class=\"ex\">textfield label</label><br>\n<label><input type=\"text\" data-expectedlabel=\"textfield label with non-empty value\" data-testname=\"html: label[for] input[type=text][value='test'] encapsulation\" class=\"ex\" value=\"test\">textfield label with non-empty value</label><br>\n<label><input type=\"time\" data-expectedlabel=\"time label\" data-testname=\"html: label input[type=time] encapsulation\" class=\"ex\">time label</label><br>\n<label><input type=\"time\" data-expectedlabel=\"time label with non-empty value\" data-testname=\"html: label input[type=time][value='00:01'] encapsulation\" class=\"ex\" value=\"00:01\">time label with non-empty value</label><br>\n<label><input type=\"url\" data-expectedlabel=\"url label\" data-testname=\"html: label input[type=url] encapsulation\" class=\"ex\">url label</label><br>\n<label><input type=\"url\" data-expectedlabel=\"url label with non-empty value\" data-testname=\"html: label input[type=url][value='https://www.w3.org'] encapsulation\" class=\"ex\" value=\"https://www.w3.org\">url label with non-empty value</label><br>\n<label><input type=\"week\" data-expectedlabel=\"week label\" data-testname=\"html: label input[type=week] encapsulation\" class=\"ex\">week label</label><br>\n<label><input type=\"week\" data-expectedlabel=\"week label with non-empty value\" data-testname=\"html: label input[type=week][value='2025-W01'] encapsulation\" class=\"ex\" value=\"2025-W01\">week label with non-empty value</label><br>\n\n\n<!-- skipped: skip textarea for v1 since all engines fail in different ways. need to verify label/textarea is expected. -->\n<!--\n<h2>HTML textarea</h2>\n<label for=\"ta\">textarea label</label><textarea data-expectedlabel=\"textarea label\" data-testname=\"html: label[for] textarea\" class=\"ex\"></textarea><br>\n<label for=\"ta\">textarea label<textarea data-expectedlabel=\"textarea label\" data-testname=\"html: textarea encapsulation\" class=\"ex\"></textarea></label><br>\n-->\n\n\n<h2>HTML select</h2>\n<!-- todo: select for/id -->\n<label for=\"select\">select label</label>\n<select id=\"select\" data-expectedlabel=\"select label\" data-testname=\"html: select for/id\" class=\"ex\">\n <option>foo</option>\n</select>\n<br>\n<!-- select encapsulation -->\n<label>\n select label\n <select data-expectedlabel=\"select label\" data-testname=\"html: select encapsulation\" class=\"ex\">\n <option>foo</option>\n </select>\n</label><br>\n<!-- todo: select labeled by selected option. All engines currently fail in different ways. Not sure which is correct. -->\n<!--\n<select data-expectedlabel=\"select label\" data-testname=\"html: select w/selected option\" class=\"ex\">\n <option>foo</option>\n <option selected>select label</option>\n <option>bar</option>\n</select>\n<br>\n-->\n\n\n<h2>HTML img/picture</h2>\n<!-- skipped: img:not([alt]) -->\n<!-- skipped: img[alt=\"\"] -->\n<img alt=\"image label\" data-expectedlabel=\"image label\" data-testname=\"html: img[alt] (non-empty)\" class=\"ex\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\">\n<picture>\n <source srcset=\"#\">\n <img alt=\"picture label\" data-expectedlabel=\"picture label\" data-testname=\"html: picture > img[alt] (non-empty)\" class=\"ex\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\">\n</picture>\n<!-- elsewhere: image map area alt -> ./fragile/area-alt.html -->\n\n<img alt=\" \" data-expectedlabel=\"\" data-testname=\"img[alt] with single space character as name\" class=\"ex\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\">\n<img alt=\" \" data-expectedlabel=\"\" data-testname=\"img[alt] with single tab as name\" class=\"ex\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\">\n<img alt=\"\n\" data-expectedlabel=\"\" data-testname=\"img[alt] with new line as name\" class=\"ex\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\">\n<img alt=\" \" data-expectedlabel=\"\" data-testname=\"img[alt] with single space character and tab as name\" class=\"ex\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\">\n<img alt=\"\f\" data-expectedlabel=\"\" data-testname=\"img[alt] with form feed as name\" class=\"ex\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\">\n<img alt=\"foo bar\" data-expectedlabel=\"foo bar\" data-testname=\"img[alt] with interior single tab in the name\" class=\"ex\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\">\n<img alt=\"foo\nbar\" data-expectedlabel=\"foo bar\" data-testname=\"img[alt] with interior new line in the name\" class=\"ex\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\">\n<img alt=\"foo bar\" data-expectedlabel=\"foo bar\" data-testname=\"img[alt] with interior single space and tab in the name\" class=\"ex\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\">\n<img alt=\"foo \fbar\" data-expectedlabel=\"foo bar\" data-testname=\"img[alt] with interior form feed in the name\" class=\"ex\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\">\n\n<h2>HTML fieldset/legend</h2>\n<fieldset data-expectedlabel=\"fieldset legend label\" data-testname=\"html: fieldset > legend\" class=\"ex\">\n <legend>fieldset legend label</legend>\n <input type=\"text\"><br>\n</fieldset>\n\n\n<h2>HTML table/caption</h2>\n<table data-expectedlabel=\"table caption label\" data-testname=\"html: table > caption\" class=\"ex\">\n <caption>table caption label</caption>\n <tr><th>a</th><th>b</th><th>c</th></tr>\n <tr><th>1</th><td>2</td><td>3</td></tr>\n</table>\n\n\n<!-- HTML-AAM: https://www.w3.org/TR/html-aam-1.0/#input-type-text-input-type-password-input-type-number-input-type-search-input-type-tel-input-type-email-input-type-url-and-textarea-element-accessible-name-computation -->\n<h2>HTML input with multiple label/for</h2>\n<label for=\"multi-label\">textfield label 1</label>\n<label for=\"multi-label\">textfield label 2</label>\n<input id=\"multi-label\" type=\"text\" data-expectedlabel=\"textfield label 1 textfield label 2\" data-testname=\"html: multiple label elements[for]\" class=\"ex\">\n\n\n\n<!-- SVG: -> /svg-aam/name/ -->\n\n\n<!-- todo: Ruby? -->\n<!-- todo: MathML? -->\n<!-- todo: does HTML input[placeholder=\"foo\"] count as a host language labeling mechanism? -->", 1138 1144 "selector": ".ex" 1139 1145 }, 1140 1146 {1141 -1 "filename": "comp_labelledby_hidden_nodes.html",1142 -1 "title": "Name Comp: Labelledby & Hidden Nodes",1143 -1 "html": "<style type=\"text/css\"></style><p>Tests hidden node name computation as part of the <a href=\"https://w3c.github.io/accname/#comp_labelledby\">#comp_labelledby</a> portion of the AccName <em>Name Computation</em> algorithm.</p>\n\n<!--\n\n These tests verify browser conformance with the following note as part of accName computation Step 2B:\n\n \"The result of LabelledBy Recursion in combination with Hidden Not Referenced means\n that user agents MUST include all nodes in the subtree as part of\n the accessible name or accessible description, when the node referenced\n by aria-labelledby or aria-describedby is hidden.\"\n\n-->\n\n<h2>Testing with <code>display:none</code></h2>\n\n <button aria-labelledby=\"a11\" data-expectedlabel=\"foo bar\" data-testname=\"button with aria-labelledby using display:none hidden span (with nested span)\" class=\"ex\">x</button>\n <span id=\"a11\" style=\"display: none;\">\n foo\n <span id=\"a12\">bar</span>\n </span>\n\n <button aria-labelledby=\"a21\" data-expectedlabel=\"foo bar baz\" data-testname=\"button with aria-labelledby using display:none hidden span (with nested spans, depth 2)\" class=\"ex\">x</button>\n <span id=\"a21\" style=\"display: none;\">\n foo\n <span id=\"a22\">\n bar\n <span id=\"a23\">baz</span>\n </span>\n </span>\n\n <button aria-labelledby=\"a31\" data-expectedlabel=\"foo\" data-testname=\"button with aria-labelledby using span without display:none (with nested display:none spans, depth 2)\" class=\"ex\">x</button>\n <span id=\"a31\">\n foo\n <span id=\"a32\" style=\"display: none;\">\n bar\n <span id=\"a33\">baz</span>\n </span>\n </span>\n\n <button aria-labelledby=\"a41\" data-expectedlabel=\"foo bar baz\" data-testname=\"button with aria-labelledby using display:none hidden span (with nested sibling spans)\" class=\"ex\">x</button>\n <span id=\"a41\" style=\"display: none;\">\n foo\n <span id=\"a42\">bar</span>\n <span id=\"a43\">baz</span>\n </span>\n\n <button aria-labelledby=\"a51\" data-expectedlabel=\"foo\" data-testname=\"button with aria-labelledby using span without display:none (with nested display:none sibling spans)\" class=\"ex\">x</button>\n <span id=\"a51\">\n foo\n <span id=\"a52\" style=\"display: none;\">bar</span>\n <span id=\"a53\" style=\"display: none;\">baz</span>\n </span>\n\n <button aria-labelledby=\"a61\" data-expectedlabel=\"foo bar baz\" data-testname=\"button with aria-labelledby using span with display:none (with nested display:inline sibling spans)\" class=\"ex\">x</button>\n <span id=\"a61\" style=\"display: none;\">\n foo\n <span id=\"a62\" style=\"display: inline;\">bar</span>\n <span id=\"a63\" style=\"display: inline;\">baz</span>\n </span>\n\n<h2>Testing with <code>visibility:hidden</code></h2>\n\n <button aria-labelledby=\"b11\" data-expectedlabel=\"foo bar\" data-testname=\"button with aria-labelledby using visibility:hidden span (with nested span)\" class=\"ex\">x</button>\n <span id=\"b11\" style=\"visibility: hidden;\">\n foo\n <span id=\"b12\">bar</span>\n </span>\n\n <button aria-labelledby=\"b21\" data-expectedlabel=\"foo bar baz\" data-testname=\"button with aria-labelledby using visibility:hidden span (with nested spans, depth 2)\" class=\"ex\">x</button>\n <span id=\"b21\" style=\"visibility: hidden;\">\n foo\n <span id=\"b22\">\n bar\n <span id=\"b23\">baz</span>\n </span>\n </span>\n\n <button aria-labelledby=\"b31\" data-expectedlabel=\"foo\" data-testname=\"button with aria-labelledby using span without visibility:hidden (with nested visibility:hidden spans, depth 2)\" class=\"ex\">x</button>\n <span id=\"b31\">\n foo\n <span id=\"b32\" style=\"visibility: hidden;\">\n bar\n <span id=\"b33\">baz</span>\n </span>\n </span>\n\n <button aria-labelledby=\"b41\" data-expectedlabel=\"foo bar baz\" data-testname=\"button with aria-labelledby using visibility:hidden hidden span (with nested sibling spans)\" class=\"ex\">x</button>\n <span id=\"b41\" style=\"visibility: hidden;\">\n foo\n <span id=\"b42\">bar</span>\n <span id=\"b43\">baz</span>\n </span>\n\n <button aria-labelledby=\"b51\" data-expectedlabel=\"foo\" data-testname=\"button with aria-labelledby using span without visibility:hidden (with nested visibility:hidden sibling spans)\" class=\"ex\">x</button>\n <span id=\"b51\">\n foo\n <span id=\"b52\" style=\"visibility: hidden;\">bar</span>\n <span id=\"b53\" style=\"visibility: hidden;\">baz</span>\n </span>\n\n <button aria-labelledby=\"b61\" data-expectedlabel=\"foo bar baz\" data-testname=\"button with aria-labelledby using span with visibility:hidden (with nested visibility:visible sibling spans)\" class=\"ex\">x</button>\n <span id=\"b61\" style=\"visibility: hidden;\">\n foo\n <span id=\"b62\" style=\"visibility: visible;\">bar</span>\n <span id=\"b63\" style=\"visibility: visible;\">baz</span>\n </span>\n\n<h2>Testing with <code>visibility:collapse</code></h2>\n\n <button aria-labelledby=\"c11\" data-expectedlabel=\"foo bar\" data-testname=\"button with aria-labelledby using visibility:collapse span (with nested span)\" class=\"ex\">x</button>\n <span id=\"c11\" style=\"visibility: collapse;\">\n foo\n <span id=\"c12\">bar</span>\n </span>\n\n <button aria-labelledby=\"c21\" data-expectedlabel=\"foo bar baz\" data-testname=\"button with aria-labelledby using visibility:collapse span (with nested spans, depth 2)\" class=\"ex\">x</button>\n <span id=\"c21\" style=\"visibility: collapse;\">\n foo\n <span id=\"c22\">\n bar\n <span id=\"c23\">baz</span>\n </span>\n </span>\n\n <button aria-labelledby=\"c31\" data-expectedlabel=\"foo bar baz\" data-testname=\"button with aria-labelledby using span without visibility:collapse (with nested visibility:visible spans, depth 2)\" class=\"ex\">x</button>\n <span id=\"c31\">\n foo\n <span id=\"c32\" style=\"visibility: visible;\">\n bar\n <span id=\"c33\" style=\"visibility: visible;\">baz</span>\n </span>\n </span>\n\n <button aria-labelledby=\"c41\" data-expectedlabel=\"foo bar baz\" data-testname=\"button with aria-labelledby using visibility:collapse span (with nested sibling spans)\" class=\"ex\">x</button>\n <span id=\"c41\" style=\"visibility: collapse;\">\n foo\n <span id=\"c42\">bar</span>\n <span id=\"c43\">baz</span>\n </span>\n\n <button aria-labelledby=\"c51\" data-expectedlabel=\"foo\" data-testname=\"button with aria-labelledby using span without visibility:collapse (with nested visibility:collapse sibling spans)\" class=\"ex\">x</button>\n <span id=\"c51\">\n foo\n <span id=\"c52\" style=\"visibility: collapse;\">bar</span>\n <span id=\"c53\" style=\"visibility: collapse;\">baz</span>\n </span>\n\n <button aria-labelledby=\"c61\" data-expectedlabel=\"foo bar baz\" data-testname=\"button with aria-labelledby using span with visibility:collapse (with nested visible sibling spans)\" class=\"ex\">x</button>\n <span id=\"c61\" style=\"visibility: collapse;\">\n foo\n <span id=\"c62\" style=\"visibility: visible;\">bar</span>\n <span id=\"c63\" style=\"visibility: visible;\">baz</span>\n </span>\n\n<h2>Testing with <code>aria-hidden</code></h2>\n\n <button aria-labelledby=\"d11\" data-expectedlabel=\"foo bar\" data-testname=\"button with aria-labelledby using aria-hidden span (with nested span)\" class=\"ex\">x</button>\n <span id=\"d11\" aria-hidden=\"true\">\n foo\n <span id=\"d12\">bar</span>\n </span>\n\n <button aria-labelledby=\"d21\" data-expectedlabel=\"foo bar baz\" data-testname=\"button with aria-labelledby using aria-hidden span (with nested spans, depth 2)\" class=\"ex\">x</button>\n <span id=\"d21\" aria-hidden=\"true\">\n foo\n <span id=\"d22\">\n bar\n <span id=\"d23\">baz</span>\n </span>\n </span>\n\n <button aria-labelledby=\"d31\" data-expectedlabel=\"foo\" data-testname=\"button with aria-labelledby using span without aria-hidden (with nested aria-hidden spans, depth 2)\" class=\"ex\">x</button>\n <span id=\"d31\">\n foo\n <span id=\"d32\" aria-hidden=\"true\">\n bar\n <span id=\"d33\">baz</span>\n </span>\n </span>\n\n <button aria-labelledby=\"d41\" data-expectedlabel=\"foo bar baz\" data-testname=\"button with aria-labelledby using aria-hidden hidden span (with nested sibling spans)\" class=\"ex\">x</button>\n <span id=\"d41\" aria-hidden=\"true\">\n foo\n <span id=\"d42\">bar</span>\n <span id=\"d43\">baz</span>\n </span>\n\n<h2>Testing with <code>hidden</code> attribute</h2>\n\n <button aria-labelledby=\"e11\" data-expectedlabel=\"foo bar\" data-testname=\"button with aria-labelledby using HTML5 hidden span (with nested span)\" class=\"ex\">x</button>\n <span id=\"e11\" hidden>\n foo\n <span id=\"e12\">bar</span>\n </span>\n\n <button aria-labelledby=\"e21\" data-expectedlabel=\"foo bar baz\" data-testname=\"button with aria-labelledby using HTML5 hidden span (with nested spans, depth 2)\" class=\"ex\">x</button>\n <span id=\"e21\" hidden>\n foo\n <span id=\"e22\">\n bar\n <span id=\"e23\">baz</span>\n </span>\n </span>\n\n <button aria-labelledby=\"e31\" data-expectedlabel=\"foo\" data-testname=\"button with aria-labelledby using span without HTML5 hidden (with nested HTML5 hidden spans, depth 2)\" class=\"ex\">x</button>\n <span id=\"e31\">\n foo\n <span id=\"e32\" hidden>\n bar\n <span id=\"e33\">baz</span>\n </span>\n </span>\n\n <button aria-labelledby=\"e41\" data-expectedlabel=\"foo bar baz\" data-testname=\"button with aria-labelledby using HTML5 hidden span (with nested hidden sibling spans)\" class=\"ex\">x</button>\n <span id=\"e41\" hidden>\n foo\n <span id=\"e42\">bar</span>\n <span id=\"e43\">baz</span>\n </span>\n\n <button aria-labelledby=\"e51\" data-expectedlabel=\"foo\" data-testname=\"button with aria-labelledby using span without HTML5 hidden (with nested hidden sibling spans)\" class=\"ex\">x</button>\n <span id=\"e51\">\n foo\n <span id=\"e52\" hidden>bar</span>\n <span id=\"e53\" hidden>baz</span>\n </span>",-1 1147 "filename": "comp_embedded_control.html", -1 1148 "title": "Name Comp: Embedded Control", -1 1149 "html": "<style type=\"text/css\"></style><p>Tests the <a href=\"https://w3c.github.io/accname/#comp_embedded_control\">#comp_embedded_control</a> portions of the AccName <em>Name Computation</em> algorithm.</p>\n\n<!-- Textfield (textbox) -->\n<label>\n <input type=\"checkbox\" data-expectedlabel=\"Flash the screen 3 times\" data-testname=\"checkbox label with embedded textfield\" class=\"ex\">\n Flash the screen\n <input value=\"3\" aria-label=\"number of times\" data-expectedlabel=\"number of times\" data-testname=\"label of embedded textfield inside checkbox label\" class=\"ex\"> times\n</label>\n<br><br>\n\n<!-- HTML select:not([size]) element renders as menu button (on Mac) or single-row listbox (on Windows/Linux) -->\n<label>\n <input type=\"checkbox\" data-expectedlabel=\"Flash the screen 3 times\" data-testname=\"checkbox label with embedded select:not([size])\" class=\"ex\">\n Flash the screen\n <select aria-label=\"number of times\" data-expectedlabel=\"number of times\" data-testname=\"label of embedded select:not([size]) inside checkbox label\" class=\"ex\">\n <option value=\"1\">1</option>\n <option value=\"2\">2</option>\n <option value=\"3\" selected>3</option>\n <option value=\"4\">4</option>\n <option value=\"5\">5</option>\n </select>\n times\n</label>\n<br><br>\n\n<!-- HTML select[size] element renders as multi-row listbox -->\n<label>\n <input type=\"checkbox\" data-expectedlabel=\"Flash the screen 3 times\" data-testname=\"checkbox label with embedded select[size]\" class=\"ex\">\n Flash the screen\n <select size=5 aria-label=\"number of times\" data-expectedlabel=\"number of times\" data-testname=\"label of embedded select[size] inside checkbox label\" class=\"ex\">\n <option value=\"1\">1</option>\n <option value=\"2\">2</option>\n <option value=\"3\" selected>3</option>\n <option value=\"4\">4</option>\n <option value=\"5\">5</option>\n </select>\n times\n</label>\n<br><br>\n\n<!-- ARIA combobox examples (not interactive) -->\n<label>\n <input type=\"checkbox\" data-expectedlabel=\"Flash the screen 3 times\" data-testname=\"checkbox label with embedded combobox (input[type=text])\" class=\"ex\">\n Flash the screen\n <input role=\"combobox\" value=\"3\" aria-label=\"number of times\" data-expectedlabel=\"number of times\" data-testname=\"label of embedded combobox (input[type=text]) inside checkbox label\" class=\"ex\"> times\n</label>\n<br><br>\n<label>\n <input type=\"checkbox\" data-expectedlabel=\"Flash the screen 3 times\" data-testname=\"checkbox label with embedded combobox (span)\" class=\"ex\">\n Flash the screen\n <span role=\"combobox\" tabindex=\"0\" aria-label=\"number of times\" data-expectedlabel=\"number of times\" data-testname=\"label of embedded combobox (span) inside checkbox label\" class=\"ex\">3</span> times\n</label>\n<br><br>\n<label>\n <input type=\"checkbox\" data-expectedlabel=\"Flash the screen 3 times\" data-testname=\"checkbox label with embedded combobox (div)\" class=\"ex\">\n Flash the screen\n <div style=\"display: inline-block;\" role=\"combobox\" tabindex=\"0\" aria-label=\"number of times\" data-expectedlabel=\"number of times\" data-testname=\"label of embedded combobox (div) inside checkbox label\" class=\"ex\">3</div> times\n</label>\n<br><br>\n<!-- Todo: we may want another combobox example using aria-activedescendant? -->\n\n\n<!-- ARIA listbox examples (not interactive) -->\n<label>\n <input type=\"checkbox\" data-expectedlabel=\"Flash the screen 3 times\" data-testname=\"checkbox label with embedded listbox>option[aria-selected=true]\" class=\"ex\">\n Flash the screen\n <ul role=\"listbox\" aria-label=\"number of times\" data-expectedlabel=\"number of times\" data-testname=\"label of embedded listbox>option[aria-selected=true] inside checkbox label\" class=\"ex\" style=\"padding:0; list-style:none; border: solid 1px gray; width: 15em; display: inline-block;\">\n <li role=\"option\" tabindex=\"-1\" style=\"padding:0.2em 0.8em; list-style:none;\">1</li>\n <li role=\"option\" tabindex=\"-1\" style=\"padding:0.2em 0.8em; list-style:none;\">2</li>\n <li role=\"option\" tabindex=\"0\" aria-selected=\"true\" style=\"padding:0.2em 0.8em; list-style:none; color: white; background-color: #555;\">3</li>\n <li role=\"option\" tabindex=\"-1\" style=\"padding:0.2em 0.8em; list-style:none;\">4</li>\n <li role=\"option\" tabindex=\"-1\" style=\"padding:0.2em 0.8em; list-style:none;\">5</li>\n </ul> times\n</label>\n<br><br>\n\n\n<!-- Ranges: HTML native and ARIA sliders and steppers (valuetext, valuenow, host language specific) -->\n<label>\n <input type=\"checkbox\" data-expectedlabel=\"Flash the screen 3 times\" data-testname=\"checkbox label with embedded input[type=range]\" class=\"ex\">\n Flash the screen\n <input type =\"range\" min=\"1\" max=\"5\" value=\"3\" step=\"1\" aria-label=\"number of times\" data-expectedlabel=\"number of times\" data-testname=\"label of embedded input[type=range] inside checkbox label\" class=\"ex\"> times\n</label>\n<br><br>\n<label>\n <input type=\"checkbox\" data-expectedlabel=\"Flash the screen 3 times\" data-testname=\"checkbox label with embedded input[type=number]\" class=\"ex\">\n Flash the screen\n <input type =\"number\" min=\"1\" max=\"5\" value=\"3\" step=\"1\" aria-label=\"number of times\" data-expectedlabel=\"number of times\" data-testname=\"label of embedded input[type=number] inside checkbox label\" class=\"ex\"> times\n</label>\n<br><br>\n<label>\n <input type=\"checkbox\" data-expectedlabel=\"Flash the screen 3 times\" data-testname=\"checkbox label with embedded ARIA slider (aria-valuenow)\" class=\"ex\">\n Flash the screen\n <span tabindex=\"0\" role=\"slider\" aria-valuemin=\"1\" aria-valuemax=\"5\" aria-valuenow=\"3\" aria-label=\"number of times\" data-expectedlabel=\"number of times\" data-testname=\"label of embedded ARIA slider (aria-valuenow) inside checkbox label\" class=\"ex\">3.0</span> times\n</label>\n<br><br>\n<label>\n <input type=\"checkbox\" data-expectedlabel=\"Flash the screen 3 times\" data-testname=\"checkbox label with embedded ARIA slider (aria-valuetext)\" class=\"ex\">\n Flash the screen\n <span tabindex=\"0\" role=\"slider\" aria-valuemin=\"1.0\" aria-valuemax=\"5.0\" aria-valuenow=\"3.0\" aria-valuetext=\"3\" aria-label=\"number of times\" data-expectedlabel=\"number of times\" data-testname=\"label of embedded ARIA slider (aria-valuetext) inside checkbox label\" class=\"ex\">3.0</span> times\n</label>\n<br><br>\n<label>\n <input type=\"checkbox\" data-expectedlabel=\"Flash the screen 3 times\" data-testname=\"checkbox label with embedded ARIA spinbutton (aria-valuenow)\" class=\"ex\">\n Flash the screen\n <span tabindex=\"0\" role=\"spinbutton\" aria-valuemin=\"1\" aria-valuemax=\"5\" aria-valuenow=\"3\" aria-label=\"number of times\" data-expectedlabel=\"number of times\" data-testname=\"label of embedded ARIA spinbutton (aria-valuenow) inside checkbox label\" class=\"ex\">3.0</span> times\n</label>\n<br><br>\n<label>\n <input type=\"checkbox\" data-expectedlabel=\"Flash the screen 3 times\" data-testname=\"checkbox label with embedded ARIA spinbutton (aria-valuetext)\" class=\"ex\">\n Flash the screen\n <span tabindex=\"0\" role=\"spinbutton\" aria-valuemin=\"1.0\" aria-valuemax=\"5.0\" aria-valuenow=\"3.0\" aria-valuetext=\"3\" aria-label=\"number of times\" data-expectedlabel=\"number of times\" data-testname=\"label of embedded ARIA spinbutton (aria-valuetext) inside checkbox label\" class=\"ex\">3.0</span> times\n</label>\n<br><br>", 1144 1150 "selector": ".ex" 1145 1151 }, 1146 1152 {1147 -1 "filename": "comp_labelledby.html",1148 -1 "title": "Name Comp: Labelledby",1149 -1 "html": "<style type=\"text/css\"></style><p>Tests the <a href=\"https://w3c.github.io/accname/#comp_labelledby\">#comp_labelledby</a> portions of the AccName <em>Name Computation</em> algorithm.</p>\n\n<!--\n\n Some overlap with other aria-labelledby tests in:\n - /accname/name/comp_label.html (aria-labelledby / aria-label fallback, etc.)\n - /accname/name/comp_name_from_content.html\n - /accname/name/shadowdom/*\n\n-->\n\n<div role=\"group\" aria-labelledby=\"h\" class=\"ex\" data-expectedlabel=\"first heading\" data-testname=\"div group explicitly labelledby heading\">\n <h2 id=\"h\">first heading</h2>\n <p>text inside div group</p>\n</div>\n\n<div role=\"group\" aria-label=\"self label\" id=\"g2\" aria-labelledby=\"g2 h2\" class=\"ex\" data-expectedlabel=\"self label + first heading\" data-testname=\"div group explicitly labelledby self and heading\">\n <h2 id=\"h2\">+ first heading</h2>\n <p>text inside div group</p>\n</div>\n\n<nav aria-labelledby=\"s1 s2 s3 s4\" class=\"ex\" data-expectedlabel=\"verify spaces between foreach\" data-testname=\"nav with verified spaces appended between each of IDREFS\">\n <span id=\"s1\">verify</span><span id=\"s2\">spaces</span><span>FAIL IF INCLUDED</span><span id=\"s3\">between</span><span id=\"s4\">foreach</span>\n</nav>\n\n<!--\n\n BLOCKED on https://github.com/w3c/accname/issues/209\n\n Once that's resolved, it may be worthwhile to add a new ./comp_labelledby_recursion.html file,\n so that the implementation diffs rolling in don't penalize this Interop 2024 test.\n\n All remaining cases of https://w3c.github.io/accname/#comp_labelledby\n - comp_labelledby_reset\n - comp_labelledby_foreach\n - comp_labelledby_set_current\n - comp_labelledby_recursion\n - comp_labelledby_append\n - comp_labelledby_return\n\n-->",-1 1153 "filename": "comp_hidden_not_referenced.html", -1 1154 "title": "Name Comp: Hidden Not Referenced", -1 1155 "html": "<style type=\"text/css\"></style><p>Tests the <a href=\"https://w3c.github.io/accname/#comp_hidden_not_referenced\">#comp_hidden_not_referenced</a> portions of the AccName <em>Name Computation</em> algorithm.</p>\n\n<button\n class=\"ex\"\n data-expectedlabel=\"visible to all users\"\n data-testname=\"button containing a rendered, unreferenced element that is aria-hidden=true, an unreferenced element with the hidden host language attribute, and an unreferenced element that is unconditionally rendered\"\n>\n <span aria-hidden=\"true\">hidden,</span>\n <span hidden>hidden from all users,</span>\n <span>visible to all users</span>\n</button>\n\n<button\n class=\"ex\"\n data-expectedlabel=\"hidden but referenced,\"\n data-testname=\"button labelled by element that is aria-hidden=true\"\n aria-labelledby=\"button-label-2\"\n>\n <span aria-hidden=\"true\" id=\"button-label-2\">hidden but referenced,</span>\n <span hidden>hidden from all users,</span>\n <span>visible to all users</span>\n</button>\n\n<button\n class=\"ex\"\n data-expectedlabel=\"hidden from all users but referenced,\"\n data-testname=\"button labelled by element with the hidden host language attribute\"\n aria-labelledby=\"button-label-3\"\n>\n <span aria-hidden=\"true\">hidden,</span>\n <span hidden id=\"button-label-3\">hidden from all users but referenced,</span>\n <span>visible to all users</span>\n</button>\n\n<a\n class=\"ex\"\n data-testname=\"link labelled by elements with assorted visibility and a11y tree exposure\"\n data-expectedlabel=\"visible to all users, hidden but referenced, hidden from all users but referenced\"\n href=\"#\"\n aria-labelledby=\"link-label-1a link-label-1b link-label-1c\"\n>\n <span id=\"link-label-1a\">\n <span>visible to all users,</span>\n <span aria-hidden=\"true\">hidden,</span>\n </span>\n <span aria-hidden=\"true\" id=\"link-label-1b\">hidden but referenced,</span>\n <span hidden id=\"link-label-1c\">hidden from all users but referenced</span>\n</a>\n\n<h2\n class=\"ex\"\n data-testname=\"heading with name from content, containing element that is visibility:hidden with nested content that is visibility:visible\"\n data-expectedlabel=\"visible to all users, un-hidden for all users\"\n>\n visible to all users,\n <span style=\"visibility: hidden;\">\n hidden from all users,\n <span style=\"visibility: visible;\">un-hidden for all users</span>\n </span>\n</h2>\n\n<!-- TODO: Test cases once https://github.com/w3c/aria/issues/1256 resolved: -->\n<!-- - button labelled by an element that is aria-hidden=true which contains a nested child that is aria-hidden=false -->\n<!-- - button labelled by an element that is aria-hidden=false which belongs to a parent that is aria-hidden=true -->\n<!-- - heading with name from content, containing rendered content that is aria-hidden=true with nested, rendered content that is aria-hidden=false -->\n<!-- - heading with name from content, containing element with the hidden host language attribute with nested content that is aria-hidden=false -->\n\n<!-- TODO: New test case?\n<!-- What is the expectation for a details element when it\u2019s given an -->\n<!-- explicit role that allows name from contents (e.g., `comment`) -->\n<!-- but is also not in the open state, and therefore has contents -->\n<!-- that are both not rendered and excluded from the a11y tree. -->", 1150 1156 "selector": ".ex" 1151 1157 }, 1152 1158 {1153 -1 "filename": "comp_text_node.html",1154 -1 "title": "Name Comp: Text Node",1155 -1 "html": "<style type=\"text/css\"></style><p>Tests the <a href=\"https://w3c.github.io/accname/#comp_text_node\">#comp_text_node</a> portions of the AccName <em>Name Computation</em> algorithm.</p>\n\n<!--\n\n Note: some overlap with the tests in:\n - /accname/name/comp_label.html\n - /accname/name/comp_name_from_content.html\n\n-->\n\n<h1>text/element/text nodes, no space</h1>\n<span role=\"button\" tabindex=\"0\" class=\"ex\" data-expectedlabel=\"buttonlabel\" data-testname=\"span[role=button] with text/element/text nodes, no space\">button<span></span>label</span>\n<div role=\"heading\" class=\"ex\" data-expectedlabel=\"headinglabel\" data-testname=\"div[role=heading] with text/element/text nodes, no space\">heading<span></span>label</div>\n<button class=\"ex\" data-expectedlabel=\"buttonlabel\" data-testname=\"button with text/element/text nodes, no space\">button<span></span>label</button>\n<h3 class=\"ex\" data-expectedlabel=\"headinglabel\" data-testname=\"heading with text/element/text nodes, no space\">heading<span></span>label</h3>\n<a href=\"#\" class=\"ex\" data-expectedlabel=\"linklabel\" data-testname=\"link with text/element/text nodes, no space\">link<span></span>label</a>\n<br>\n\n<h1>text/comment/text nodes, no space</h1>\n<!-- Note: This set is not currently to spec until https://github.com/w3c/accname/issues/193 is resolved. -->\n<span role=\"button\" tabindex=\"0\" class=\"ex\" data-expectedlabel=\"buttonlabel\" data-testname=\"span[role=button] with text/comment/text nodes, no space\">\n button<!-- with non-text node splitting concatenated text nodes -->label<!-- [sic] no extra spaces around first comment -->\n</span>\n<div role=\"heading\" class=\"ex\" data-expectedlabel=\"headinglabel\" data-testname=\"div[role=heading] with text/comment/text nodes, no space\">\n heading<!-- with non-text node splitting concatenated text nodes -->label<!-- [sic] no extra spaces around first comment -->\n</div>\n<button class=\"ex\" data-expectedlabel=\"buttonlabel\" data-testname=\"button with text/comment/text nodes, no space\">\n button<!-- with non-text node splitting concatenated text nodes -->label<!-- [sic] no extra spaces around first comment -->\n</button>\n<h3 class=\"ex\" data-expectedlabel=\"headinglabel\" data-testname=\"heading with text/comment/text nodes, no space\">\n heading<!-- with non-text node splitting concatenated text nodes -->label<!-- [sic] no extra spaces around first comment -->\n</h3>\n<a href=\"#\" class=\"ex\" data-expectedlabel=\"linklabel\" data-testname=\"link with text/comment/text nodes, no space\">\n link<!-- with non-text node splitting concatenated text nodes -->label<!-- [sic] no extra spaces around first comment -->\n</a>\n<br>\n\n<h1>text/comment/text nodes, with space</h1>\n<span role=\"button\" tabindex=\"0\" class=\"ex\" data-expectedlabel=\"button label\" data-testname=\"span[role=button] with text/comment/text nodes, with space\">\n button\n <!-- comment node between text nodes with leading/trailing whitespace -->\n label\n</span>\n<div role=\"heading\" class=\"ex\" data-expectedlabel=\"heading label\" data-testname=\"div[role=heading] with text/comment/text nodes, with space\">\n heading\n <!-- comment node between text nodes with leading/trailing whitespace -->\n label\n</div>\n<button class=\"ex\" data-expectedlabel=\"button label\" data-testname=\"button with text/comment/text nodes, with space\">\n button\n <!-- comment node between text nodes with leading/trailing whitespace -->\n label\n</button>\n<h3 class=\"ex\" data-expectedlabel=\"heading label\" data-testname=\"heading with text/comment/text nodes, with space\">\n heading\n <!-- comment node between text nodes with leading/trailing whitespace -->\n label\n</h3>\n<a href=\"#\" class=\"ex\" data-expectedlabel=\"link label\" data-testname=\"link with text/comment/text nodes, with space\">\n link\n <!-- comment node between text nodes with leading/trailing whitespace -->\n label\n</a>\n<br>\n\n<h1>text node, with tab char</h1>\n<span role=\"button\" tabindex=\"0\" class=\"ex\" data-expectedlabel=\"button label\" data-testname=\"span[role=button] with text node, with tab char\">button label</span>\n<div role=\"heading\" class=\"ex\" data-expectedlabel=\"heading label\" data-testname=\"div[role=heading] with text node, with tab char\">heading label</div>\n<button class=\"ex\" data-expectedlabel=\"button label\" data-testname=\"button with text node, with tab char\">button label</button>\n<h3 class=\"ex\" data-expectedlabel=\"heading label\" data-testname=\"heading with text node, with tab char\">heading label</h3>\n<a href=\"#\" class=\"ex\" data-expectedlabel=\"link label\" data-testname=\"link with text node, with tab char\">link\tlabel</a>\n<br>\n\n<h1>text node, with non-breaking space</h1>\n<span role=\"button\" tabindex=\"0\" class=\"ex\" data-expectedlabel=\"button label\" data-testname=\"span[role=button] with text node, with non-breaking space\">button label</span>\n<div role=\"heading\" class=\"ex\" data-expectedlabel=\"heading label\" data-testname=\"div[role=heading] with text node, with non-breaking space\">heading label</div>\n<button class=\"ex\" data-expectedlabel=\"button label\" data-testname=\"button with text node, with non-breaking space\">button label</button>\n<h3 class=\"ex\" data-expectedlabel=\"heading label\" data-testname=\"heading with text node, with non-breaking space\">heading label</h3>\n<a href=\"#\" class=\"ex\" data-expectedlabel=\"link label\" data-testname=\"link with text node, with non-breaking space\">link label</a>\n<br>\n\n<h1>text node, with extra non-breaking space</h1>\n<span role=\"button\" tabindex=\"0\" class=\"ex\" data-expectedlabel=\"button label\" data-testname=\"span[role=button] with text node, with extra non-breaking space\">button label</span>\n<div role=\"heading\" class=\"ex\" data-expectedlabel=\"heading label\" data-testname=\"div[role=heading] with text node, with extra non-breaking space\">heading label</div>\n<button class=\"ex\" data-expectedlabel=\"button label\" data-testname=\"button with text node, with extra non-breaking space\">button label</button>\n<h3 class=\"ex\" data-expectedlabel=\"heading label\" data-testname=\"heading with text node, with extra non-breaking space\">heading label</h3>\n<a href=\"#\" class=\"ex\" data-expectedlabel=\"link label\" data-testname=\"link with text node, with extra non-breaking space\">link label</a>\n<br>\n\n<h1>text node, with leading/trailing non-breaking space</h1>\n<span role=\"button\" tabindex=\"0\" class=\"ex\" data-expectedlabel=\" button label \" data-testname=\"span[role=button] with text node, with leading/trailing non-breaking space\"> button label </span>\n<div role=\"heading\" class=\"ex\" data-expectedlabel=\" heading label \" data-testname=\"div[role=heading] with text node, with leading/trailing non-breaking space\"> heading label </div>\n<button class=\"ex\" data-expectedlabel=\" button label \" data-testname=\"button with text node, with leading/trailing non-breaking space\"> button label </button>\n<h3 class=\"ex\" data-expectedlabel=\" heading label \" data-testname=\"heading with text node, with leading/trailing non-breaking space\"> heading label </h3>\n<a href=\"#\" class=\"ex\" data-expectedlabel=\" link label \" data-testname=\"link with text node, with leading/trailing non-breaking space\"> link label </a>\n<br>\n\n<h1>text node, with mixed space and non-breaking space</h1>\n<span role=\"button\" tabindex=\"0\" class=\"ex\" data-expectedlabel=\"button label\" data-testname=\"span[role=button] with text node, with mixed space and non-breaking space\">button label</span>\n<div role=\"heading\" class=\"ex\" data-expectedlabel=\"heading label\" data-testname=\"div[role=heading] with text node, with mixed space and non-breaking space\">heading label</div>\n<button class=\"ex\" data-expectedlabel=\"button label\" data-testname=\"button with text node, with mixed space and non-breaking space\">button label</button>\n<h3 class=\"ex\" data-expectedlabel=\"heading label\" data-testname=\"heading with text node, with mixed space and non-breaking space\">heading label</h3>\n<a href=\"#\" class=\"ex\" data-expectedlabel=\"link label\" data-testname=\"link with text node, with mixed space and non-breaking space\">link label</a>\n<br>\n\n<h1>text nodes, with deeply nested space</h1>\n<span role=\"button\" tabindex=\"0\" class=\"ex\" data-expectedlabel=\"button label\" data-testname=\"span[role=button] with text node, with deeply nested space\">\nbutton<span><span><span><span><span><span><span> </span></span></span></span></span></span></span>label\n</span>\n<div role=\"heading\" class=\"ex\" data-expectedlabel=\"heading label\" data-testname=\"div[role=heading] with text node, with deeply nested space\">\nheading<span><span><span><span><span><span><span> </span></span></span></span></span></span></span>label\n</div>\n<button class=\"ex\" data-expectedlabel=\"button label\" data-testname=\"button with text node, with deeply nested space\">\nbutton<span><span><span><span><span><span><span> </span></span></span></span></span></span></span>label\n</button>\n<h3 class=\"ex\" data-expectedlabel=\"heading label\" data-testname=\"heading with text node, with deeply nested space\">\nheading<span><span><span><span><span><span><span> </span></span></span></span></span></span></span>label\n</h3>\n<a href=\"#\" class=\"ex\" data-expectedlabel=\"link label\" data-testname=\"link with text node, with deeply nested space\">\nlink<span><span><span><span><span><span><span> </span></span></span></span></span></span></span>label\n</a>\n<br>\n\n<h1>text nodes, with single line break</h1>\n<span role=\"button\" tabindex=\"0\" class=\"ex\" data-expectedlabel=\"button label\" data-testname=\"span[role=button] with text node, with single line break\">button\nlabel</span>\n<div role=\"heading\" class=\"ex\" data-expectedlabel=\"heading label\" data-testname=\"div[role=heading] with text node, with single line break\">heading\nlabel</div>\n<button class=\"ex\" data-expectedlabel=\"button label\" data-testname=\"button with text node, with single line break\">button\nlabel</button>\n<h3 class=\"ex\" data-expectedlabel=\"heading label\" data-testname=\"heading with text node, with single line break\">heading\nlabel</h3>\n<a href=\"#\" class=\"ex\" data-expectedlabel=\"link label\" data-testname=\"link with text node, with single line break\">link\nlabel</a>\n<br>",-1 1159 "filename": "comp_name_from_content.html", -1 1160 "title": "Name Comp: Name From Content", -1 1161 "html": "<style type=\"text/css\">\n\n /*\n\n Since the AccName spec is in flux about whitespace joiners, and the implementations don't match,\n normalize the whitespace (with extra leading/trailing) space.\n\n No point in having the same in-flux spec change cause failures the remaining unrelated tests.\n\n See more here:\n https://github.com/w3c/accname/issues/205\n https://github.com/w3c/accname/projects/1#card-42288231\n\n */\n\n .alt-counter::before {\n counter-set: cnt 5051;\n content: \"\" / counter(cnt);\n }\n .simple-before::before {\n content: \" before \"; /* [sic] leading and trailing space */\n margin:0 0.1em;\n }\n .simple-after::after {\n content: \" after \"; /* [sic] leading and trailing space */\n margin:0 0.1em;\n }\n .no-space::before, .no-space::after {\n content: \"nospace\"; /* [sic] Unlike the others, NO extra leading/trailing space here. */\n }\n .simple-before:dir(rtl)::before {\n content: \" \u0645\u0646 \u0642\u0628\u0644 \"; /* [sic] leading and trailing space */\n }\n .simple-after:dir(rtl)::after {\n content: \" \u0628\u0639\u062f \"; /* [sic] leading and trailing space */\n }\n .fallback-before::before {\n content: \" before \"; /* [sic] leading and trailing space */\n content: \" before \" / \" alt-before \"; /* Override the previous line for engines that support the Alternative Text syntax. */\n }\n .fallback-after::after {\n content: \" after \"; /* [sic] leading and trailing space */\n content: \" after \" / \" alt-after \"; /* Override the previous line for engines that support the Alternative Text syntax. */\n }\n .fallback-before-empty::before {\n content: \"before\" / \"\";\n }\n .fallback-before-image-empty::before {\n content: \"before \" url(/images/blue.png) / \"\";\n }\n .fallback-before-mixed::before {\n content: \" before \"; /* [sic] leading and trailing space */\n content: \" before \" / \" start \" attr(data-alt-text-before) \" end \"; /* Override the previous line for engines that support the Alternative Text syntax. */\n }\n .fallback-after-mixed::after {\n content: \" after \"; /* [sic] leading and trailing space */\n content: \" after \" / \" start \" attr(data-alt-text-after) \" end \"; /* Override the previous line for engines that support the Alternative Text syntax. */\n }\n .block > span {\n display: block;\n margin: 0 0.1em;\n }\n .iblock > span {\n display: inline-block;\n margin: 0 0.1em;\n }\n\n </style><p>Tests the <a href=\"https://w3c.github.io/accname/#comp_name_from_content\">#comp_name_from_content</a> portions of the AccName <em>Name Computation</em> algorithm.</p>\n\n<p>This series of tests exercises the button, heading, and link elements, because each have different characteristics worthy of testing in each of the name computation algorithm scenarios:</p>\n<ul>\n <li>button is a leaf node with sub-level elements presentational.</li>\n <li>heading is block level, and can contain sub-level interactives like links.</li>\n <li>link (a[href]) is an interactive inline element that can include non-presentational descendants.</li>\n</ul>\n\n<h1>ARIA roles, inline</h1>\n<span tabindex=\"0\" role=\"button\" data-expectedlabel=\"label\" data-testname=\"aria button name from content, inline\" class=\"ex\">label</span><br>\n<span tabindex=\"0\" role=\"heading\" data-expectedlabel=\"label\" data-testname=\"aria heading name from content, inline\" class=\"ex\">label</span><br>\n<span tabindex=\"0\" role=\"link\" data-expectedlabel=\"label\" data-testname=\"aria link name from content, inline\" class=\"ex\">label</span><br>\n<br>\n\n<h1>ARIA roles, block</h1>\n<div tabindex=\"0\" role=\"button\" data-expectedlabel=\"label\" data-testname=\"aria button name from content, block\" class=\"ex\">label</div>\n<div tabindex=\"0\" role=\"heading\" data-expectedlabel=\"label\" data-testname=\"aria heading name from content, block\" class=\"ex\">label</div>\n<div tabindex=\"0\" role=\"link\" data-expectedlabel=\"label\" data-testname=\"aria link name from content, block\" class=\"ex\">label</div>\n<br>\n\n<h1>simple</h1>\n<button data-expectedlabel=\"label\" data-testname=\"button name from content\" class=\"ex\">label</button><br>\n<h3 data-expectedlabel=\"label\" data-testname=\"heading name from content\" class=\"ex\">label</h3>\n<a href=\"#\" data-expectedlabel=\"label\" data-testname=\"link name from content\" class=\"ex\">label</a><br>\n<br>\n\n<h1>alt counter with ::before</h1>\n<button data-expectedlabel=\"5051 label\" data-testname=\"button with alt counter on ::before\" class=\"ex alt-counter\">label</button><br>\n<h3 data-expectedlabel=\"5051 label\" data-testname=\"heading with alt counter on ::before\" class=\"ex alt-counter\">label</h3>\n<a href=\"#\" data-expectedlabel=\"5051 label\" data-testname=\"link with alt counter on ::before\" class=\"ex alt-counter\">label</a><br>\n<br>\n\n<h1>simple with ::before</h1>\n<button data-expectedlabel=\"before label\" data-testname=\"button name from content with ::before\" class=\"ex simple-before\">label</button><br>\n<h3 data-expectedlabel=\"before label\" data-testname=\"heading name from content with ::before\" class=\"ex simple-before\">label</h3>\n<a href=\"#\" data-expectedlabel=\"before label\" data-testname=\"link name from content with ::before\" class=\"ex simple-before\">label</a><br>\n<br>\n\n<h1>simple with ::after</h1>\n<button data-expectedlabel=\"label after\" data-testname=\"button name from content with ::after\" class=\"ex simple-after\">label</button><br>\n<h3 data-expectedlabel=\"label after\" data-testname=\"heading name from content with ::after\" class=\"ex simple-after\">label</h3>\n<a href=\"#\" data-expectedlabel=\"label after\" data-testname=\"link name from content with ::after\" class=\"ex simple-after\">label</a><br>\n<br>\n\n<h1>simple with ::before and ::after</h1>\n<button data-expectedlabel=\"before label after\" data-testname=\"button name from content with ::before and ::after\" class=\"ex simple-before simple-after\">label</button><br>\n<h3 data-expectedlabel=\"before label after\" data-testname=\"heading name from content with ::before and ::after\" class=\"ex simple-before simple-after\">label</h3>\n<a href=\"#\" data-expectedlabel=\"before label after\" data-testname=\"link name from content with ::before and ::after\" class=\"ex simple-before simple-after\">label</a><br>\n<br>\n\n<h1>no space joiners ::before and ::after</h1>\n<button data-expectedlabel=\"nospacelabelnospace\" data-testname=\"button name from content no space joiners ::before and ::after\" class=\"ex no-space\">label</button><br>\n<h3 data-expectedlabel=\"nospacelabelnospace\" data-testname=\"heading name from content no space joiners ::before and ::after\" class=\"ex no-space\">label</h3>\n<a href=\"#\" data-expectedlabel=\"nospacelabelnospace\" data-testname=\"link name from content no space joiners ::before and ::after\" class=\"ex no-space\">label</a><br>\n<br>\n\n<h1>Arabic right-to-left (RTL) with ::before and ::after</h1>\n<div dir=\"rtl\" lang=\"ar\">\n <button data-expectedlabel=\"\u0645\u0646 \u0642\u0628\u0644 \u0627\u0633\u0645 \u0628\u0639\u062f\" data-testname=\"button name from content with ::before and ::after in rtl\" class=\"ex simple-before simple-after\">\u0627\u0633\u0645</button><br>\n <h3 data-expectedlabel=\"\u0645\u0646 \u0642\u0628\u0644 \u0627\u0633\u0645 \u0628\u0639\u062f\" data-testname=\"heading name from content with ::before and ::after in rtl\" class=\"ex simple-before simple-after\">\u0627\u0633\u0645</h3>\n <a href=\"#\" data-expectedlabel=\"\u0645\u0646 \u0642\u0628\u0644 \u0627\u0633\u0645 \u0628\u0639\u062f\" data-testname=\"link name from content with ::before and ::after in rtl\" class=\"ex simple-before simple-after\">\u0627\u0633\u0645</a><br>\n</div>\n<br>\n\n<h1><a href=\"https://drafts.csswg.org/css-content/#alt\">Alternative Text for CSS content (previously `alt:`)</a> in pseudo-elements</h1>\n<p>rendered text should be \"before label after\"</p>\n<p>accessibility label should be \"alt-before label alt-after\"</p>\n<button data-expectedlabel=\"alt-before label alt-after\" data-testname=\"button name from fallback content with ::before and ::after\" class=\"ex fallback-before fallback-after\">label</button><br>\n<h3 data-expectedlabel=\"alt-before label alt-after\" data-testname=\"heading name from fallback content with ::before and ::after\" class=\"ex fallback-before fallback-after\">label</h3>\n<a href=\"#\" data-expectedlabel=\"alt-before label alt-after\" data-testname=\"link name from fallback content with ::before and ::after\" class=\"ex fallback-before fallback-after\">label</a><br>\n<br>\n\n<h1><a href=\"https://drafts.csswg.org/css-content/#alt\">Mixed Alternative Text (attr() and strings) for CSS content (previously `alt:`)</a> in pseudo-elements</h1>\n<p>rendered text should be \"before label after\"</p>\n<p>accessibility label should be \"start alt-before end label start alt-after end\"</p>\n<button data-alt-text-before=\"alt-before\" data-alt-text-after=\"alt-after\" data-expectedlabel=\"start alt-before end label start alt-after end\" data-testname=\"button name from fallback content mixing attr() and strings with ::before and ::after\" class=\"ex fallback-before-mixed fallback-after-mixed\">label</button><br>\n<h3 data-alt-text-before=\"alt-before\" data-alt-text-after=\"alt-after\" data-expectedlabel=\"start alt-before end label start alt-after end\" data-testname=\"heading name from fallback content mixing attr() and strings with ::before and ::after\" class=\"ex fallback-before-mixed fallback-after-mixed\">label</h3>\n<a href=\"#\" data-alt-text-before=\"alt-before\" data-alt-text-after=\"alt-after\" data-expectedlabel=\"start alt-before end label start alt-after end\" data-testname=\"link name from fallback content mixing attr() and strings with ::before and ::after\" class=\"ex fallback-before-mixed fallback-after-mixed\">label</a><br>\n<br>\n\n<h1>Empty alternative text for CSS content in pseudo-elements when applied to primitive appearance form controls</h1>\n<p><input data-expectedlabel=\"\" data-testname=\"primitive radio input with ::before containing empty alternative text\" class=\"ex fallback-before-empty\" type=radio style=appearance:none>\n<p><input data-expectedlabel=\"\" data-testname=\"primitive radio input with ::before containing empty alternative text for an image\" class=\"ex fallback-before-image-empty\" type=radio style=appearance:none>\n\n<h1>simple w/ for each child</h1>\n<button data-expectedlabel=\"one two three\" data-testname=\"button name from content for each child\" class=\"ex\"><span>one</span> <span>two</span> <span>three</span></button><br>\n<h3 data-expectedlabel=\"one two three\" data-testname=\"heading name from content for each child\" class=\"ex\"><span>one</span> <span>two</span> <span>three</span></h3>\n<a href=\"#\" data-expectedlabel=\"one two three\" data-testname=\"link name from content for each child\" class=\"ex\"><span>one</span> <span>two</span> <span>three</span></a><br>\n<br>\n\n<h1>simple for each child with image</h1>\n<button data-expectedlabel=\"one two three\" data-testname=\"button name from content for each child including image\" class=\"ex\"><span>one</span> <img alt=\"two\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\"> <span>three</span></button><br>\n<h3 data-expectedlabel=\"one two three\" data-testname=\"heading name from content for each child including image\" class=\"ex\"><span>one</span> <img alt=\"two\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\"> <span>three</span></h3>\n<a href=\"#\" data-expectedlabel=\"one two three\" data-testname=\"link name from content for each child including image\" class=\"ex\"><span>one</span> <img alt=\"two\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\"> <span>three</span></a><br>\n<br>\n\n\n<h1>simple for each child with extra nesting containing image</h1>\n<button data-expectedlabel=\"one two three four\" data-testname=\"button name from content for each child including nested image\" class=\"ex\"><span>one</span> <span>two <img alt=\"three\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\"></span> <span>four</span></button><br>\n<h3 data-expectedlabel=\"one two three four\" data-testname=\"heading name from content for each child including nested image\" class=\"ex\"><span>one</span> <span>two <img alt=\"three\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\"></span> <span>four</span></h3>\n<a href=\"#\" data-expectedlabel=\"one two three four\" data-testname=\"link name from content for each child including nested image\" class=\"ex\"><span>one</span> <span>two <img alt=\"three\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\"></span> <span>four</span></a><br>\n<br>\n\n<h1>heading with nested button with nested image</h1>\n<h3 data-expectedlabel=\"heading button image button heading\" data-testname=\"heading name from content for each child including nested button with nested image\" class=\"ex\">\n heading\n <button>\n button\n <img alt=\"image\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\">\n button\n </button>\n heading\n</h3>\n\n<h1>heading with nested link with nested image</h1>\n<h3 data-expectedlabel=\"heading link image link heading\" data-testname=\"heading name from content for each child including nested link with nested image\" class=\"ex\">\n heading\n <a href=\"#\">\n link\n <img alt=\"image\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\">\n link\n </a>\n heading\n</h3>\n\n<h1>heading with nested link with nested image using aria-label</h1>\n<h3 data-expectedlabel=\"heading link aria-label heading\" data-testname=\"heading name from content for each child including nested link using aria-label with nested image\" class=\"ex\">\n heading\n <a href=\"#\" aria-label=\"link aria-label\"><!-- should skip the other link text -->\n ignored link text\n <img id=\"nested_image_label_1\" alt=\"ignored image alt\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\">\n ignored link text\n </a>\n heading\n</h3>\n\n<h1>heading with nested link with nested image using aria-labelledby</h1>\n<h3 data-expectedlabel=\"heading image heading\" data-testname=\"heading name from content for each child including nested link using aria-labelledby with nested image\" class=\"ex\">\n heading\n <a href=\"#\" aria-labelledby=\"nested_image_label1\"><!-- should skip the other link text -->\n ignored link text\n <img id=\"nested_image_label1\" alt=\"image\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\">\n ignored link text\n </a>\n heading\n</h3>\n\n<h1>heading with two nested links referencing image using aria-labelledby</h1>\n<h3 data-expectedlabel=\"image link2 link3\" data-testname=\"heading name from content for each child including two nested links using aria-labelledby with nested image\" class=\"ex\">\n <a href=\"#\" aria-labelledby=\"nested_image_label2\">\n link1<!-- this text is skipped because of aria-labelledby -->\n </a>\n <a href=\"#\" data-expectedlabel=\"link2 image link3\" data-testname=\"link name from content for each child including nested image (referenced elsewhere via labelledby)\" class=\"ex\">\n link2\n <img id=\"nested_image_label2\" alt=\"image\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\">\n <!-- image skipped in this link (when computing heading text) because it was already referenced by the first link within this heading label recursion cycle. -->\n <!-- but image not skipped when computing the text of the link itself since it has not been referenced in that context -->\n link3\n </a>\n</h3>\n\n\n<!-- Note: The following test is out of line with the spec, but matching two out of three implementations at the time of writing, and spec changes are expeected. -->\n<!-- See details in https://github.com/w3c/accname/issues/205 -->\n<!-- Final spec resolution will be addressed in AccName Whitespace Project: https://github.com/w3c/accname/projects/1#card-42288231 -->\n<h1>simple w/ for each child (w/o spaces and display:inline)</h1>\n<button data-expectedlabel=\"onetwothree\" data-testname=\"button name from content for each child (no space, inline)\" class=\"ex\"><span>one</span><span>two</span><span>three</span></button><br>\n<h3 data-expectedlabel=\"onetwothree\" data-testname=\"heading name from content for each child (no space, inline)\" class=\"ex\"><span>one</span><span>two</span><span>three</span></h3>\n<a href=\"#\" data-expectedlabel=\"onetwothree\" data-testname=\"link name from content for each child (no space, inline)\" class=\"ex\"><span>one</span><span>two</span><span>three</span></a><br>\n<br>\n\n<h1>simple w/ for each child (w/o spaces and display:block)</h1>\n<button data-expectedlabel=\"one two three\" data-testname=\"button name from content for each child (no space, display:block)\" class=\"ex block\"><span>one</span><span>two</span><span>three</span></button><br>\n<h3 data-expectedlabel=\"one two three\" data-testname=\"heading name from content for each child (no space, display:block)\" class=\"ex block\"><span>one</span><span>two</span><span>three</span></h3>\n<a href=\"#\" data-expectedlabel=\"one two three\" data-testname=\"link name from content for each child (no space, display:block)\" class=\"ex block\"><span>one</span><span>two</span><span>three</span></a><br>\n<br>\n\n<h1>simple w/ for each child (w/o spaces and display:inline block)</h1>\n<button data-expectedlabel=\"one two three\" data-testname=\"button name from content for each child (no space, display:inline-block)\" class=\"ex iblock\"><span>one</span><span>two</span><span>three</span></button><br>\n<h3 data-expectedlabel=\"one two three\" data-testname=\"heading name from content for each child (no space, display:inline-block)\" class=\"ex iblock\"><span>one</span><span>two</span><span>three</span></h3>\n<a href=\"#\" data-expectedlabel=\"one two three\" data-testname=\"link name from content for each child (no space, display:inline-block)\" class=\"ex iblock\"><span>one</span><span>two</span><span>three</span></a><br>\n<br>\n\n<h1 data-expectedlabel=\"Call us\" data-testname=\"heading name from content with text-transform:none\" class=\"ex\" style=\"text-transform:none;\">Call us</h1>\n<h1 data-expectedlabel=\"CALL US\" data-testname=\"heading name from content with text-transform:uppercase\" class=\"ex\" style=\"text-transform:uppercase;\">Call us</h1>\n<h1 data-expectedlabel=\"Call Us\" data-testname=\"heading name from content with text-transform:capitalize\" class=\"ex\" style=\"text-transform:capitalize;\">Call us</h1>\n<h1 data-expectedlabel=\"call us\" data-testname=\"heading name from content with text-transform:lowercase\" class=\"ex\" style=\"text-transform:lowercase;\">Call us</h1>\n\n<!-- \u201c\u3073\u3087\u3046\u3044\u3093\u306e\u304b\u3093\u3058\u3083\u30b5\u30fc\u30d3\u30b9\u201d means \u201cHospital patient services\u201d -->\n<!-- text-transform:full-size-kana risks changing the heading\u2019s meaning -->\n<!-- by transforming the following words: -->\n<!-- 1. \u3073\u3087\u3046\u3044\u3093 (by\u014din = hospital) into \u3073\u3088\u3046\u3044\u3093 (biy\u014din = beauty parlor) -->\n<!-- 2. \u304b\u3093\u3058\u3083 (kanja = patient) into \u304b\u3093\u3058\u3084 (kanjiya = [no meaning]) -->\n<h1>heading which visually transforms <span lang=\"ja\">\u3073\u3087\u3046\u3044\u3093</span> (hospital) to\n <span lang=\"ja\">\u3073\u3088\u3046\u3044\u3093</span> (beauty parlor) using CSS\n <code>text-transform:full-size-kana</code></h1>\n<h3\n lang=\"ja\"\n data-expectedlabel=\"\u3073\u3087\u3046\u3044\u3093\u306e\u304b\u3093\u3058\u3083\u30b5\u30fc\u30d3\u30b9\"\n data-testname=\"heading name from content with text-transform:full-size-kana\"\n class=\"ex\"\n style=\"text-transform:full-size-kana;\"\n>\u3073\u3087\u3046\u3044\u3093\u306e\u304b\u3093\u3058\u3083\u30b5\u30fc\u30d3\u30b9</h3>\n\n<!-- Tests `Name from Each Child` edge case failures with an embedded `term` as a child element role. -->\n<!-- https://w3c.github.io/accname/#comp_name_from_content_for_each_child -->\n\n<h2>Elements with implicit button, heading, link roles containing element with\n implicit term role</h2>\n<button\n data-expectedlabel=\"this is an example\"\n data-testname=\"implicit button name from content containing a dfn element\"\n class=\"ex iblock\"\n><span>this is an </span><dfn>example</dfn></button>\n<h3\n data-expectedlabel=\"this is an example\"\n data-testname=\"implicit heading name from content containing a dfn element\"\n class=\"ex iblock\"\n><span>this is an </span><dfn>example</dfn></h3>\n<a\n href=\"#\"\n data-expectedlabel=\"this is an example\"\n data-testname=\"implicit link name from content containing a dfn element\"\n class=\"ex iblock\"\n><span>this is an </span><dfn>example</dfn></a>\n\n<h2>Elements with implicit button, heading, link roles containing element with\n explicit term role</h2>\n<button\n data-expectedlabel=\"this is an example\"\n data-testname=\"implicit button name from content containing an element with explicit term role\"\n class=\"ex iblock\"\n><span>this is an </span><span role=\"term\">example</span></button>\n<h3\n data-expectedlabel=\"this is an example\"\n data-testname=\"implicit heading name from content containing an element with explicit term role\"\n class=\"ex iblock\"\n><span>this is an </span><span role=\"term\">example</span></h3>\n<a\n href=\"#\"\n data-expectedlabel=\"this is an example\"\n data-testname=\"implicit link name from content containing an element explicit with term role\"\n class=\"ex iblock\"\n><span>this is an </span><span role=\"term\">example</span></a>\n\n<h2>Elements with explicit button, heading, link roles containing element with\n implicit term role</h2>\n<div\n role=\"button\"\n tabindex=\"0\"\n data-expectedlabel=\"this is an example\"\n data-testname=\"explicit button name from content containing a dfn element\"\n class=\"ex iblock\"\n><span>this is an </span><dfn>example</dfn></div>\n<div\n role=\"heading\"\n data-expectedlabel=\"this is an example\"\n data-testname=\"explicit heading name from content containing a dfn element\"\n class=\"ex iblock\"\n><span>this is an </span><dfn>example</dfn></div>\n<div\n role=\"link\"\n tabindex=\"0\"\n data-expectedlabel=\"this is an example\"\n data-testname=\"explicit link name from content containing a dfn element\"\n class=\"ex iblock\"\n><span>this is an </span><dfn>example</dfn></div>\n\n<h2>Elements with explicit button, heading, link roles containing element with\n explicit term role</h2>\n<div\n role=\"button\"\n tabindex=\"0\"\n data-expectedlabel=\"this is an example\"\n data-testname=\"explicit button name from content containing an element explicit with term role\"\n class=\"ex iblock\"\n><span>this is an </span><span role=\"term\">example</span></div>\n<div\n role=\"heading\"\n data-expectedlabel=\"this is an example\"\n data-testname=\"explicit heading name from content containing an element explicit with term role\"\n class=\"ex iblock\"\n><span>this is an </span><span role=\"term\">example</span></div>\n<div\n role=\"link\"\n tabindex=\"0\"\n data-expectedlabel=\"this is an example\"\n data-testname=\"explicit link name from content containing an element explicit with term role\"\n class=\"ex iblock\"\n><span>this is an </span><span role=\"term\">example</span></div>", 1156 1162 "selector": ".ex" 1157 1163 }, 1158 1164 {1159 -1 "filename": "comp_embedded_control.html",1160 -1 "title": "Name Comp: Embedded Control",1161 -1 "html": "<style type=\"text/css\"></style><p>Tests the <a href=\"https://w3c.github.io/accname/#comp_embedded_control\">#comp_embedded_control</a> portions of the AccName <em>Name Computation</em> algorithm.</p>\n\n<!-- Textfield (textbox) -->\n<label>\n <input type=\"checkbox\" data-expectedlabel=\"Flash the screen 3 times\" data-testname=\"checkbox label with embedded textfield\" class=\"ex\">\n Flash the screen\n <input value=\"3\" aria-label=\"number of times\" data-expectedlabel=\"number of times\" data-testname=\"label of embedded textfield inside checkbox label\" class=\"ex\"> times\n</label>\n<br><br>\n\n<!-- HTML select:not([size]) element renders as menu button (on Mac) or single-row listbox (on Windows/Linux) -->\n<label>\n <input type=\"checkbox\" data-expectedlabel=\"Flash the screen 3 times\" data-testname=\"checkbox label with embedded select:not([size])\" class=\"ex\">\n Flash the screen\n <select aria-label=\"number of times\" data-expectedlabel=\"number of times\" data-testname=\"label of embedded select:not([size]) inside checkbox label\" class=\"ex\">\n <option value=\"1\">1</option>\n <option value=\"2\">2</option>\n <option value=\"3\" selected>3</option>\n <option value=\"4\">4</option>\n <option value=\"5\">5</option>\n </select>\n times\n</label>\n<br><br>\n\n<!-- HTML select[size] element renders as multi-row listbox -->\n<label>\n <input type=\"checkbox\" data-expectedlabel=\"Flash the screen 3 times\" data-testname=\"checkbox label with embedded select[size]\" class=\"ex\">\n Flash the screen\n <select size=5 aria-label=\"number of times\" data-expectedlabel=\"number of times\" data-testname=\"label of embedded select[size] inside checkbox label\" class=\"ex\">\n <option value=\"1\">1</option>\n <option value=\"2\">2</option>\n <option value=\"3\" selected>3</option>\n <option value=\"4\">4</option>\n <option value=\"5\">5</option>\n </select>\n times\n</label>\n<br><br>\n\n<!-- ARIA combobox examples (not interactive) -->\n<label>\n <input type=\"checkbox\" data-expectedlabel=\"Flash the screen 3 times\" data-testname=\"checkbox label with embedded combobox (input[type=text])\" class=\"ex\">\n Flash the screen\n <input role=\"combobox\" value=\"3\" aria-label=\"number of times\" data-expectedlabel=\"number of times\" data-testname=\"label of embedded combobox (input[type=text]) inside checkbox label\" class=\"ex\"> times\n</label>\n<br><br>\n<label>\n <input type=\"checkbox\" data-expectedlabel=\"Flash the screen 3 times\" data-testname=\"checkbox label with embedded combobox (span)\" class=\"ex\">\n Flash the screen\n <span role=\"combobox\" tabindex=\"0\" aria-label=\"number of times\" data-expectedlabel=\"number of times\" data-testname=\"label of embedded combobox (span) inside checkbox label\" class=\"ex\">3</span> times\n</label>\n<br><br>\n<label>\n <input type=\"checkbox\" data-expectedlabel=\"Flash the screen 3 times\" data-testname=\"checkbox label with embedded combobox (div)\" class=\"ex\">\n Flash the screen\n <div style=\"display: inline-block;\" role=\"combobox\" tabindex=\"0\" aria-label=\"number of times\" data-expectedlabel=\"number of times\" data-testname=\"label of embedded combobox (div) inside checkbox label\" class=\"ex\">3</div> times\n</label>\n<br><br>\n<!-- Todo: we may want another combobox example using aria-activedescendant? -->\n\n\n<!-- ARIA listbox examples (not interactive) -->\n<label>\n <input type=\"checkbox\" data-expectedlabel=\"Flash the screen 3 times\" data-testname=\"checkbox label with embedded listbox>option[aria-selected=true]\" class=\"ex\">\n Flash the screen\n <ul role=\"listbox\" aria-label=\"number of times\" data-expectedlabel=\"number of times\" data-testname=\"label of embedded listbox>option[aria-selected=true] inside checkbox label\" class=\"ex\" style=\"padding:0; list-style:none; border: solid 1px gray; width: 15em; display: inline-block;\">\n <li role=\"option\" tabindex=\"-1\" style=\"padding:0.2em 0.8em; list-style:none;\">1</li>\n <li role=\"option\" tabindex=\"-1\" style=\"padding:0.2em 0.8em; list-style:none;\">2</li>\n <li role=\"option\" tabindex=\"0\" aria-selected=\"true\" style=\"padding:0.2em 0.8em; list-style:none; color: white; background-color: #555;\">3</li>\n <li role=\"option\" tabindex=\"-1\" style=\"padding:0.2em 0.8em; list-style:none;\">4</li>\n <li role=\"option\" tabindex=\"-1\" style=\"padding:0.2em 0.8em; list-style:none;\">5</li>\n </ul> times\n</label>\n<br><br>\n\n\n<!-- Ranges: HTML native and ARIA sliders and steppers (valuetext, valuenow, host language specific) -->\n<label>\n <input type=\"checkbox\" data-expectedlabel=\"Flash the screen 3 times\" data-testname=\"checkbox label with embedded input[type=range]\" class=\"ex\">\n Flash the screen\n <input type =\"range\" min=\"1\" max=\"5\" value=\"3\" step=\"1\" aria-label=\"number of times\" data-expectedlabel=\"number of times\" data-testname=\"label of embedded input[type=range] inside checkbox label\" class=\"ex\"> times\n</label>\n<br><br>\n<label>\n <input type=\"checkbox\" data-expectedlabel=\"Flash the screen 3 times\" data-testname=\"checkbox label with embedded input[type=number]\" class=\"ex\">\n Flash the screen\n <input type =\"number\" min=\"1\" max=\"5\" value=\"3\" step=\"1\" aria-label=\"number of times\" data-expectedlabel=\"number of times\" data-testname=\"label of embedded input[type=number] inside checkbox label\" class=\"ex\"> times\n</label>\n<br><br>\n<label>\n <input type=\"checkbox\" data-expectedlabel=\"Flash the screen 3 times\" data-testname=\"checkbox label with embedded ARIA slider (aria-valuenow)\" class=\"ex\">\n Flash the screen\n <span tabindex=\"0\" role=\"slider\" aria-valuemin=\"1\" aria-valuemax=\"5\" aria-valuenow=\"3\" aria-label=\"number of times\" data-expectedlabel=\"number of times\" data-testname=\"label of embedded ARIA slider (aria-valuenow) inside checkbox label\" class=\"ex\">3.0</span> times\n</label>\n<br><br>\n<label>\n <input type=\"checkbox\" data-expectedlabel=\"Flash the screen 3 times\" data-testname=\"checkbox label with embedded ARIA slider (aria-valuetext)\" class=\"ex\">\n Flash the screen\n <span tabindex=\"0\" role=\"slider\" aria-valuemin=\"1.0\" aria-valuemax=\"5.0\" aria-valuenow=\"3.0\" aria-valuetext=\"3\" aria-label=\"number of times\" data-expectedlabel=\"number of times\" data-testname=\"label of embedded ARIA slider (aria-valuetext) inside checkbox label\" class=\"ex\">3.0</span> times\n</label>\n<br><br>\n<label>\n <input type=\"checkbox\" data-expectedlabel=\"Flash the screen 3 times\" data-testname=\"checkbox label with embedded ARIA spinbutton (aria-valuenow)\" class=\"ex\">\n Flash the screen\n <span tabindex=\"0\" role=\"spinbutton\" aria-valuemin=\"1\" aria-valuemax=\"5\" aria-valuenow=\"3\" aria-label=\"number of times\" data-expectedlabel=\"number of times\" data-testname=\"label of embedded ARIA spinbutton (aria-valuenow) inside checkbox label\" class=\"ex\">3.0</span> times\n</label>\n<br><br>\n<label>\n <input type=\"checkbox\" data-expectedlabel=\"Flash the screen 3 times\" data-testname=\"checkbox label with embedded ARIA spinbutton (aria-valuetext)\" class=\"ex\">\n Flash the screen\n <span tabindex=\"0\" role=\"spinbutton\" aria-valuemin=\"1.0\" aria-valuemax=\"5.0\" aria-valuenow=\"3.0\" aria-valuetext=\"3\" aria-label=\"number of times\" data-expectedlabel=\"number of times\" data-testname=\"label of embedded ARIA spinbutton (aria-valuetext) inside checkbox label\" class=\"ex\">3.0</span> times\n</label>\n<br><br>",-1 1165 "filename": "comp_tooltip.html", -1 1166 "title": "Name Comp: Tooltip", -1 1167 "html": "<style type=\"text/css\"></style><p>Tests the <a href=\"https://w3c.github.io/accname/#comp_tooltip\">#comp_tooltip</a> portions of the AccName <em>Name Computation</em> algorithm.</p>\n\n<a href=\"#\" title=\"title\" data-expectedlabel=\"title\" data-testname=\"link with img with tooltip label\" class=\"ex\"><img alt=\"\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\"></a>\n<a href=\"#\" title=\"title\" data-expectedlabel=\"title\" data-testname=\"link with text with tooltip label and no contents\" class=\"ex\"></a>\n<a href=\"#\" title=\"title\" data-expectedlabel=\"contents\" data-testname=\"link with text with tooltip label and contents\" class=\"ex\">contents</a>\n<div title=\"title\" role=\"group\" data-expectedlabel=\"title\" data-testname=\"div with text with tooltip label\" class=\"ex\">contents</div><!-- Note: group role disallows nameFrom:contents -->\n<img title=\"title\" data-expectedlabel=\"title\" data-testname=\"img with tooltip label without alt\" class=\"ex\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\">\n<img title=\"title\" data-expectedlabel=\"alt\" alt=\"alt\" data-testname=\"img with tooltip label with alt\" class=\"ex\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\">\n<img data-expectedlabel=\"alt\" alt=\"alt\" data-testname=\"img with tooltip label without title\" class=\"ex\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\">\n\n<select title=\"title\" data-expectedlabel=\"title\" data-testname=\"select with tooltip label\" class=\"ex\">\n <option value=\"\" disabled selected>select options</option>\n <option value=\"1\">option 1</option>\n <option value=\"2\">option 2</option>\n <option value=\"3\">option 3</option>\n</select>\n\n\n<!-- TODO: Move these: https://github.com/web-platform-tests/interop-accessibility/issues/78 -->\n<button title=\"title\" data-expectedlabel=\"contents\" data-testname=\"button with tooltip label\" class=\"ex\">contents</button>\n<input type=\"checkbox\" title=\"title\" data-expectedlabel=\"title\" data-testname=\"checkbox input with tooltip label\" class=\"ex\">\n<input type=\"radio\" title=\"title\" data-expectedlabel=\"title\" data-testname=\"radio input with tooltip label\" class=\"ex\">\n\n<!-- TODO: Move these: https://github.com/web-platform-tests/interop-accessibility/issues/78 -->\n<!-- https://w3c.github.io/html-aam/#input-type-text-input-type-password-input-type-number-input-type-search-input-type-tel-input-type-email-input-type-url-and-textarea-element-accessible-name-computation -->\n<input type=\"text\" title=\"title\" data-expectedlabel=\"title\" placeholder=\"placeholder\" data-testname=\"text input with placeholder and tooltip label\" class=\"ex\">\n<input type=\"password\" title=\"title\" data-expectedlabel=\"title\" placeholder=\"placeholder\" data-testname=\"password input with placeholder and tooltip label\" class=\"ex\">\n<input type=\"number\" title=\"title\" data-expectedlabel=\"title\" placeholder=\"placeholder\" data-testname=\"number input with placeholder and tooltip label\" class=\"ex\">\n<input type=\"search\" title=\"title\" data-expectedlabel=\"title\" placeholder=\"placeholder\" data-testname=\"search input with placeholder and tooltip label\" class=\"ex\">\n<input type=\"tel\" title=\"title\" data-expectedlabel=\"title\" placeholder=\"placeholder\" data-testname=\"tel input with placeholder and tooltip label\" class=\"ex\">\n<input type=\"email\" title=\"title\" data-expectedlabel=\"title\" placeholder=\"placeholder\" data-testname=\"email input with placeholder and tooltip label\" class=\"ex\">\n<input type=\"url\" title=\"title\" data-expectedlabel=\"title\" placeholder=\"placeholder\" data-testname=\"url input with placeholder and tooltip label\" class=\"ex\">\n<textarea title=\"title\" data-expectedlabel=\"title\" placeholder=\"placeholder\" data-testname=\"textarea with placeholder and tooltip label\" class=\"ex\"></textarea>\n\n<!-- TODO: Move these: https://github.com/web-platform-tests/interop-accessibility/issues/78 -->\n<!-- https://w3c.github.io/html-aam/#text-level-element-accessible-name-computation -->\n<abbr title=\"Web Platform Tests\" data-expectedlabel=\"Web Platform Tests\" data-testname=\"abbr with tooltip label\" class=\"ex\">WPT</abbr>\n<!-- kbd test disabled: see resolution at https://github.com/web-platform-tests/interop-accessibility/issues/131 -->\n<!-- <kbd title=\"Control + Option\" data-expectedlabel=\"Control + Option\" data-testname=\"kbd with tooltip label\" class=\"ex\">CTRL + OPT</kbd> -->\n\n<!-- TODO: Move these: https://github.com/web-platform-tests/interop-accessibility/issues/78 -->\n<!-- https://w3c.github.io/html-aam/#summary-element-accessible-name-computation -->\n<details>\n <summary title=\"title\" data-expectedlabel=\"contents\" data-testname=\"summary with tooltip label and contents\" class=\"ex\">contents</summary>\n details\n</details>\n\n<!-- TODO: Move these: https://github.com/web-platform-tests/interop-accessibility/issues/78 -->\n<!-- https://w3c.github.io/html-aam/#iframe-element-accessible-name-computation -->\n<iframe title=\"title\" data-expectedlabel=\"title\" data-testname=\"iframe with tooltip label\" width=\"20px\" height=\"20px\" class=\"ex\"></iframe>", 1162 1168 "selector": ".ex" 1163 1169 }, 1164 1170 {1165 -1 "filename": "comp_host_language_label.html",1166 -1 "title": "Name Comp: Host Language Label",1167 -1 "html": "<style type=\"text/css\"></style><h1>AccName: Host Language Label Tests</h1>\n<p>Tests the <a href=\"https://w3c.github.io/accname/#comp_host_language_label\">#comp_host_language_label</a> portions of the AccName <em>Name Computation</em> algorithm.</p>\n\n<h2>HTML input with value, alt, etc.</h2>\n<input type=\"button\" value=\"button label\" data-expectedlabel=\"button label\" data-testname=\"html: input[type=button]\" class=\"ex\">\n<input type=\"image\" alt=\"image input label\" data-expectedlabel=\"image input label\" data-testname=\"html: input[type=image]\" class=\"ex\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\">\n<input type=\"reset\" value=\"reset label\" data-expectedlabel=\"reset label\" data-testname=\"html: input[type=reset]\" class=\"ex\">\n<input type=\"submit\" value=\"submit label\" data-expectedlabel=\"submit label\" data-testname=\"html: input[type=submit]\" class=\"ex\">\n\n\n<h2>HTML input label/for</h2>\n<!-- above: input[type=button] -->\n<label for=\"cb\">checkbox label</label><input id=\"cb\" type=\"checkbox\" data-expectedlabel=\"checkbox label\" data-testname=\"html: label[for] input[type=checkbox]\" class=\"ex\"><br>\n<label for=\"cbv\">checkbox label with non-empty value</label><input id=\"cbv\" type=\"checkbox\" data-expectedlabel=\"checkbox label with non-empty value\" data-testname=\"html: label[for] input[type=checkbox][value='test']\" class=\"ex\" value=\"test\"><br>\n<label for=\"cbc\">checkbox label checked</label><input id=\"cbc\" type=\"checkbox\" data-expectedlabel=\"checkbox label checked\" data-testname=\"html: label[for] input[type=checkbox][checked]\" class=\"ex\" checked><br>\n<label for=\"cbcv\">checkbox label checked with non-empty value</label><input id=\"cbcv\" type=\"checkbox\" data-expectedlabel=\"checkbox label checked with non-empty value\" data-testname=\"html: label[for] input[type=checkbox][checked][value='test']\" class=\"ex\" value=\"test\" checked><br>\n<label for=\"co\">color label</label><input id=\"co\" type=\"color\" data-expectedlabel=\"color label\" data-testname=\"html: label[for] input[type=color]\" class=\"ex\"><br>\n<label for=\"cov\">color label with non-empty value</label><input id=\"cov\" type=\"color\" data-expectedlabel=\"color label with non-empty value\" data-testname=\"html: label[for] input[type=color][value='#999999']\" class=\"ex\" value=\"#999999\"><br>\n<label for=\"da\">date label</label><input id=\"da\" type=\"date\" data-expectedlabel=\"date label\" data-testname=\"html: label[for] input[type=date]\" class=\"ex\"><br>\n<label for=\"dav\">date label with non-empty value</label><input id=\"dav\" type=\"date\" data-expectedlabel=\"date label with non-empty value\" data-testname=\"html: label[for] input[type=date][value='2025-01-01']\" class=\"ex\" value=\"2025-01-01\"><br>\n<label for=\"dtl\">datetime-local label</label><input id=\"dtl\" type=\"date\" data-expectedlabel=\"datetime-local label\" data-testname=\"html: label[for] input[type=datetime-local]\" class=\"ex\"><br>\n<label for=\"dtlv\">datetime-local label with non-empty value</label><input id=\"dtlv\" type=\"date\" data-expectedlabel=\"datetime-local label with non-empty value\" data-testname=\"html: label[for] input[type=datetime-local][value='2025-01-01T00:01']\" class=\"ex\" value=\"2025-01-01T00:01\"><br>\n<label for=\"em\">email label</label><input id=\"em\" type=\"email\" data-expectedlabel=\"email label\" data-testname=\"html: label[for] input[type=email]\" class=\"ex\"><br>\n<label for=\"emv\">email label with non-empty value</label><input id=\"emv\" type=\"email\" data-expectedlabel=\"email label with non-empty value\" data-testname=\"html: label[for] input[type=email][value='test@test.com']\" class=\"ex\" value=\"test@test.com\"><br>\n\n<!-- todo: results for input[type=file] currently differ in all engines -->\n<!--\n<label for=\"fi\">file label</label><input id=\"fi\" type=\"file\" data-expectedlabel=\"file label\" data-testname=\"html: label[for] input[type=file]\" class=\"ex\"><br>\n-->\n\n<!-- skipped: input[type=hidden] for/id n/a -->\n<!-- above: input[type=image] -->\n<label for=\"mo\">month label</label><input id=\"mo\" type=\"month\" data-expectedlabel=\"month label\" data-testname=\"html: label[for] input[type=month]\" class=\"ex\"><br>\n<label for=\"mov\">month label with non-empty value</label><input id=\"mov\" type=\"month\" data-expectedlabel=\"month label with non-empty value\" data-testname=\"html: label[for] input[type=month][value='2025-01']\" class=\"ex\" value=\"2025-01\"><br>\n<label for=\"n\">number label</label><input id=\"n\" type=\"number\" data-expectedlabel=\"number label\" data-testname=\"html: label[for] input[type=number]\" class=\"ex\"><br>\n<label for=\"nv\">number label with non-empty value</label><input id=\"nv\" type=\"number\" data-expectedlabel=\"number label with non-empty value\" data-testname=\"html: label[for] input[type=number][value=2025]\" class=\"ex\" value=\"2025\"><br>\n<label for=\"pw\">password label</label><input id=\"pw\" type=\"password\" data-expectedlabel=\"password label\" data-testname=\"html: label[for] input[type=password]\" class=\"ex\"><br>\n<label for=\"pwv\">password label with non-empty value</label><input id=\"pwv\" type=\"password\" data-expectedlabel=\"password label with non-empty value\" data-testname=\"html: label[for] input[type=password][value='test']\" class=\"ex\" value=\"test\"><br>\n<label for=\"ra\">radio label</label><input id=\"ra\" type=\"radio\" data-expectedlabel=\"radio label\" data-testname=\"html: label[for] input[type=radio]\" class=\"ex\"><br>\n<label for=\"rav\">radio label with non-empty value</label><input id=\"rav\" type=\"radio\" data-expectedlabel=\"radio label with non-empty value\" data-testname=\"html: label[for] input[type=radio][value='test']\" class=\"ex\" value=\"test\"><br>\n<label for=\"rng\">range label</label><input id=\"rng\" type=\"range\" data-expectedlabel=\"range label\" data-testname=\"html: label[for] input[type=range]\" class=\"ex\"><br>\n<label for=\"rngv\">range label with non-empty value</label><input id=\"rngv\" type=\"range\" data-expectedlabel=\"range label with non-empty value\" data-testname=\"html: label[for] input[type=range][min=0][max=10][value=5]\" class=\"ex\" min=\"0\" max=\"10\" value=\"5\"><br>\n<!-- input[type=reset] above -->\n<label for=\"search\">search label</label><input id=\"search\" type=\"search\" data-expectedlabel=\"search label\" data-testname=\"html: label[for] input[type=search]\" class=\"ex\"><br>\n<label for=\"searchv\">search label with non-empty value</label><input id=\"searchv\" type=\"search\" data-expectedlabel=\"search label with non-empty value\" data-testname=\"html: label[for] input[type=search][value='test']\" class=\"ex\" value=\"test\"><br>\n<!-- input[type=submit] above -->\n<label for=\"tel\">tel label</label><input id=\"tel\" type=\"tel\" data-expectedlabel=\"tel label\" data-testname=\"html: label[for] input[type=tel]\" class=\"ex\"><br>\n<label for=\"telv\">tel label with non-empty value</label><input id=\"telv\" type=\"tel\" data-expectedlabel=\"tel label with non-empty value\" data-testname=\"html: label[for] input[type=tel][value='123-45-678']\" class=\"ex\" value=\"123-45-678\"><br>\n<label for=\"t\">textfield label</label><input id=\"t\" type=\"text\" data-expectedlabel=\"textfield label\" data-testname=\"html: label[for] input[type=text]\" class=\"ex\"><br>\n<label for=\"tv\">textfield label with non-empty value</label><input id=\"tv\" type=\"text\" data-expectedlabel=\"textfield label with non-empty value\" data-testname=\"html: label[for] input[type=text][value='test']\" class=\"ex\" value=\"test\"><br>\n<label for=\"time\">time label</label><input id=\"time\" type=\"time\" data-expectedlabel=\"time label\" data-testname=\"html: label[for] input[type=time]\" class=\"ex\"><br>\n<label for=\"timev\">time label with non-empty value</label><input id=\"timev\" type=\"time\" data-expectedlabel=\"time label with non-empty value\" data-testname=\"html: label[for] input[type=time][value='00:01']\" class=\"ex\" value=\"00:01\"><br>\n<label for=\"url\">url label</label><input id=\"url\" type=\"url\" data-expectedlabel=\"url label\" data-testname=\"html: label[for] input[type=url]\" class=\"ex\"><br>\n<label for=\"urlv\">url label with non-empty value</label><input id=\"urlv\" type=\"url\" data-expectedlabel=\"url label with non-empty value\" data-testname=\"html: label[for] input[type=url][value='https://www.w3.org']\" class=\"ex\" value=\"https://www.w3.org\"><br>\n<label for=\"week\">week label</label><input id=\"week\" type=\"week\" data-expectedlabel=\"week label\" data-testname=\"html: label[for] input[type=week]\" class=\"ex\"><br>\n<label for=\"weekv\">week label with non-empty value</label><input id=\"weekv\" type=\"week\" data-expectedlabel=\"week label with non-empty value\" data-testname=\"html: label[for] input[type=week][value='2025-W01']\" class=\"ex\" value=\"2025-W01\"><br>\n\n\n<h2>HTML input label encapsulation</h2>\n<!-- above: input[type=button] -->\n<label><input type=\"checkbox\" data-expectedlabel=\"checkbox label\" data-testname=\"html: label input[type=checkbox] encapsulation\" class=\"ex\">checkbox label</label><br>\n<label><input type=\"checkbox\" data-expectedlabel=\"checkbox label with non-empty value\" data-testname=\"html: label input[type=checkbox][value='test'] encapsulation\" class=\"ex\" value=\"test\">checkbox label with non-empty value</label><br>\n<label><input type=\"checkbox\" data-expectedlabel=\"checkbox label checked\" data-testname=\"html: label input[type=checkbox][checked] encapsulation\" class=\"ex\" checked>checkbox label checked</label><br>\n<label><input type=\"checkbox\" data-expectedlabel=\"checkbox label checked with non-empty value\" data-testname=\"html: label input[type=checkbox][value='test'][checked] encapsulation\" class=\"ex\" value=\"test\" checked>checkbox label checked with non-empty value</label><br>\n<label><input type=\"color\" data-expectedlabel=\"color label\" data-testname=\"html: label input[type=color] encapsulation\" class=\"ex\">color label</label><br>\n<label><input type=\"color\" data-expectedlabel=\"color label with non-empty value\" data-testname=\"html: label input[type=color][value='#999999'] encapsulation\" class=\"ex\" value=\"#999999\">color label with non-empty value</label><br>\n<label><input type=\"date\" data-expectedlabel=\"date label\" data-testname=\"html: label input[type=date] encapsulation\" class=\"ex\">date label</label><br>\n<label><input type=\"date\" data-expectedlabel=\"date label with non-empty value\" data-testname=\"html: label input[type=date][value='2025-01-01'] encapsulation\" class=\"ex\" value=\"2025-01-01\">date label with non-empty value</label><br>\n<label><input type=\"datetime-local\" data-expectedlabel=\"datetime-local label\" data-testname=\"html: label input[type=datetime-local] encapsulation\" class=\"ex\">datetime-local label</label><br>\n<label><input type=\"datetime-local\" data-expectedlabel=\"datetime-local label with non-empty value\" data-testname=\"html: label input[type=datetime-local][value='2025-01-01T00:01'] encapsulation\" class=\"ex\" value=\"2025-01-01T00:01\">datetime-local label with non-empty value</label><br>\n<label><input type=\"email\" data-expectedlabel=\"email label\" data-testname=\"html: label input[type=email] encapsulation\" class=\"ex\">email label</label><br>\n<label><input type=\"email\" data-expectedlabel=\"email label with non-empty value\" data-testname=\"html: label input[type=email][value='test@test.com'] encapsulation\" class=\"ex\" value=\"test@test.com\">email label with non-empty value</label><br>\n\n<!-- todo: results for input[type=file] currently differ in all engines -->\n<!--\n<label><input type=\"file\" data-expectedlabel=\"file label\" data-testname=\"html: label input[type=file] encapsulation\" class=\"ex\">file label</label><br>\n-->\n\n<!-- skipped: input[type=hidden] n/a -->\n<!-- above: input[type=image] -->\n<label><input type=\"month\" data-expectedlabel=\"month label\" data-testname=\"html: label input[type=month] encapsulation\" class=\"ex\">month label</label><br>\n<label><input type=\"month\" data-expectedlabel=\"month label with non-empty value\" data-testname=\"html: label input[type=month][value='2025-01'] encapsulation\" class=\"ex\" value=\"2025-01\">month label with non-empty value</label><br>\n<label><input type=\"number\" data-expectedlabel=\"number label\" data-testname=\"html: label input[type=number] encapsulation\" class=\"ex\">number label</label><br>\n<label><input type=\"number\" data-expectedlabel=\"number label with non-empty value\" data-testname=\"html: label input[type=number][value=1] encapsulation\" class=\"ex\" value=\"1\">number label with non-empty value</label><br>\n<label><input type=\"password\" data-expectedlabel=\"password label\" data-testname=\"html: label input[type=password] encapsulation\" class=\"ex\">password label</label><br>\n<label><input type=\"password\" data-expectedlabel=\"password label with non-empty value\" data-testname=\"html: label input[type=password][value='test'] encapsulation\" class=\"ex\" value=\"test\">password label with non-empty value</label><br>\n<label><input type=\"radio\" data-expectedlabel=\"radio label\" data-testname=\"html: label input[type=radio] encapsulation\" class=\"ex\">radio label</label><br>\n<label><input type=\"radio\" data-expectedlabel=\"radio label with non-empty value\" data-testname=\"html: label input[type=radio][value='test'] encapsulation\" class=\"ex\" value=\"test\">radio label with non-empty value</label><br>\n<label><input type=\"range\" data-expectedlabel=\"range label\" data-testname=\"html: label input[type=range] encapsulation\" class=\"ex\">range label</label><br>\n<label><input type=\"range\" data-expectedlabel=\"range label with non-empty value\" data-testname=\"html: label input[type=range][value='5'][min='0'][max='10'] encapsulation\" class=\"ex\" min=\"0\" max=\"10\" value=\"5\">range label with non-empty value</label><br>\n<!-- above: input[type=reset] -->\n<label><input type=\"search\" data-expectedlabel=\"search label\" data-testname=\"html: label input[type=search] encapsulation\" class=\"ex\">search label</label><br>\n<label><input type=\"search\" data-expectedlabel=\"search label with non-empty value\" data-testname=\"html: label input[type=search][value='test'] encapsulation\" class=\"ex\" value=\"test\">search label with non-empty value</label><br>\n<!-- above: input[type=submit] -->\n<label><input type=\"tel\" data-expectedlabel=\"tel label\" data-testname=\"html: label input[type=tel] encapsulation\" class=\"ex\">tel label</label><br>\n<label><input type=\"tel\" data-expectedlabel=\"tel label with non-empty value\" data-testname=\"html: label input[type=tel][value='123-45-678'] encapsulation\" class=\"ex\" value=\"123-45-678\">tel label with non-empty value</label><br>\n<label><input type=\"text\" data-expectedlabel=\"textfield label\" data-testname=\"html: label[for] input[type=text] encapsulation\" class=\"ex\">textfield label</label><br>\n<label><input type=\"text\" data-expectedlabel=\"textfield label with non-empty value\" data-testname=\"html: label[for] input[type=text][value='test'] encapsulation\" class=\"ex\" value=\"test\">textfield label with non-empty value</label><br>\n<label><input type=\"time\" data-expectedlabel=\"time label\" data-testname=\"html: label input[type=time] encapsulation\" class=\"ex\">time label</label><br>\n<label><input type=\"time\" data-expectedlabel=\"time label with non-empty value\" data-testname=\"html: label input[type=time][value='00:01'] encapsulation\" class=\"ex\" value=\"00:01\">time label with non-empty value</label><br>\n<label><input type=\"url\" data-expectedlabel=\"url label\" data-testname=\"html: label input[type=url] encapsulation\" class=\"ex\">url label</label><br>\n<label><input type=\"url\" data-expectedlabel=\"url label with non-empty value\" data-testname=\"html: label input[type=url][value='https://www.w3.org'] encapsulation\" class=\"ex\" value=\"https://www.w3.org\">url label with non-empty value</label><br>\n<label><input type=\"week\" data-expectedlabel=\"week label\" data-testname=\"html: label input[type=week] encapsulation\" class=\"ex\">week label</label><br>\n<label><input type=\"week\" data-expectedlabel=\"week label with non-empty value\" data-testname=\"html: label input[type=week][value='2025-W01'] encapsulation\" class=\"ex\" value=\"2025-W01\">week label with non-empty value</label><br>\n\n\n<!-- skipped: skip textarea for v1 since all engines fail in different ways. need to verify label/textarea is expected. -->\n<!--\n<h2>HTML textarea</h2>\n<label for=\"ta\">textarea label</label><textarea data-expectedlabel=\"textarea label\" data-testname=\"html: label[for] textarea\" class=\"ex\"></textarea><br>\n<label for=\"ta\">textarea label<textarea data-expectedlabel=\"textarea label\" data-testname=\"html: textarea encapsulation\" class=\"ex\"></textarea></label><br>\n-->\n\n\n<h2>HTML select</h2>\n<!-- todo: select for/id -->\n<label for=\"select\">select label</label>\n<select id=\"select\" data-expectedlabel=\"select label\" data-testname=\"html: select for/id\" class=\"ex\">\n <option>foo</option>\n</select>\n<br>\n<!-- select encapsulation -->\n<label>\n select label\n <select data-expectedlabel=\"select label\" data-testname=\"html: select encapsulation\" class=\"ex\">\n <option>foo</option>\n </select>\n</label><br>\n<!-- todo: select labeled by selected option. All engines currently fail in different ways. Not sure which is correct. -->\n<!--\n<select data-expectedlabel=\"select label\" data-testname=\"html: select w/selected option\" class=\"ex\">\n <option>foo</option>\n <option selected>select label</option>\n <option>bar</option>\n</select>\n<br>\n-->\n\n\n<h2>HTML img/picture</h2>\n<!-- skipped: img:not([alt]) -->\n<!-- skipped: img[alt=\"\"] -->\n<img alt=\"image label\" data-expectedlabel=\"image label\" data-testname=\"html: img[alt] (non-empty)\" class=\"ex\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\">\n<picture>\n <source srcset=\"#\">\n <img alt=\"picture label\" data-expectedlabel=\"picture label\" data-testname=\"html: picture > img[alt] (non-empty)\" class=\"ex\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\">\n</picture>\n<!-- elsewhere: image map area alt -> ./fragile/area-alt.html -->\n\n\n<h2>HTML fieldset/legend</h2>\n<fieldset data-expectedlabel=\"fieldset legend label\" data-testname=\"html: fieldset > legend\" class=\"ex\">\n <legend>fieldset legend label</legend>\n <input type=\"text\"><br>\n</fieldset>\n\n\n<h2>HTML table/caption</h2>\n<table data-expectedlabel=\"table caption label\" data-testname=\"html: table > caption\" class=\"ex\">\n <caption>table caption label</caption>\n <tr><th>a</th><th>b</th><th>c</th></tr>\n <tr><th>1</th><td>2</td><td>3</td></tr>\n</table>\n\n\n<!-- SVG: -> /svg-aam/name/ -->\n\n\n<!-- todo: Ruby? -->\n<!-- todo: MathML? -->\n<!-- todo: does HTML input[placeholder=\"foo\"] count as a host language labeling mechanism? -->",-1 1171 "filename": "comp_labeledby_non_standard.html", -1 1172 "title": "Name Comp: aria-labeledby (non-standard)", -1 1173 "html": "<style type=\"text/css\"></style><p>Tests that the non-standard (misspelled) attribute name <code>aria-labeledby</code> is not supported.</p>\n\n<h2>Tests for <code>aria-labeledby</code></h2>\n\n<div role=\"group\" aria-labeledby=\"h\" class=\"ex\" data-expectedlabel=\"\" data-testname=\"div group with aria-labeledby\">\n <h2 id=\"h\">first heading</h2>\n <p>text inside div group</p>\n</div>\n\n<div role=\"group\" aria-label=\"self label\" id=\"g2\" aria-labeledby=\"g2 h2\" class=\"ex\" data-expectedlabel=\"self label\" data-testname=\"div group with aria-label and aria-labeledby\">\n <h2 id=\"h2\">+ first heading</h2>\n <p>text inside div group</p>\n</div>\n\n<div role=\"group\" aria-labeledby=\"h2\" aria-labelledby=\"p3\" class=\"ex\" data-expectedlabel=\"text inside div group\" data-testname=\"div group with aria-labeledby and aria-labelledby\">\n <h2 id=\"h3\">+ first heading</h2>\n <p id=\"p3\">text inside div group</p>\n</div>", 1168 1174 "selector": ".ex" 1169 1175 } 1170 1176 ]; 1171 1177 window.wpt["wai-aria"] = [ 1172 1178 {1173 -1 "filename": "invalid-roles.html",1174 -1 "title": "Invalid Role Verification Tests",1175 -1 "html": "<style type=\"text/css\"></style><p>Tests invalid ARIA roles from <a href=\"https://w3c.github.io/aria/#document-handling_author-errors_roles\">9.1 Roles - handling author errors</a>.</p>\n\n<!-- Tests fallback for <nav> when 1/2/3 invalid roles are supplied -->\n<nav role=\"foo\" data-testname=\"nav with invalid role name foo\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"foo bar\" data-testname=\"nav with two invalid role names\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"foo bar baz\" data-testname=\"nav with three invalid role names\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n\n<!-- Tests fallback for <button> when 1/2/3 invalid roles are supplied -->\n<button role=\"foo\" data-testname=\"button with invalid role name foo\" data-expectedrole=\"button\" class=\"ex\">x</button>\n<button role=\"foo bar\" data-testname=\"button with two invalid role names\" data-expectedrole=\"button\" class=\"ex\">x</button>\n<button role=\"foo bar baz\" data-testname=\"button with three invalid role names\" data-expectedrole=\"button\" class=\"ex\">x</button>\n\n<!-- Tests fallback for semantically neutral elements when 1/2/3 invalid roles are supplied -->\n<span role=\"foo\" data-testname=\"span with invalid role name foo\" class=\"ex-generic\">x</span>\n<span role=\"foo bar\" data-testname=\"span with two invalid role names\" class=\"ex-generic\">x</span>\n<span role=\"foo bar baz\" data-testname=\"span with three invalid role names\" class=\"ex-generic\">x</span>\n<div role=\"foo\" data-testname=\"div with invalid role name foo\" class=\"ex-generic\">x</div>\n<div role=\"foo bar\" data-testname=\"div with two invalid role names\" class=\"ex-generic\">x</div>\n<div role=\"foo bar baz\" data-testname=\"div with three invalid role names\"class=\"ex-generic\">x</div>\n\n<!-- Whitespace tests with <nav> (including line breaks, tabs, zero-width space, braille space, non-breaking space, standard space) -->\n<nav role=\" \" data-testname=\"nav with empty character as role\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"
\" data-testname=\"nav with line break (
) character as role\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"	\" data-testname=\"nav with tab (	) as role (should be treated as whitespace)\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"​\" data-testname=\"nav with zero-width space as role (should be treated as whitespace)\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"⠀\" data-testname=\"nav with braille space (10240) as role\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"⠀\" data-testname=\"nav with braille space (x2800) as role\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\" \" data-testname=\"nav with non-breaking space (nbsp) as role\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"\" data-testname=\"nav with standard space (nbsp) as role\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n\n<!-- Escaped whitespace tests with <span> (including line breaks, tabs, zero-width space, braille space, non-breaking space, standard space) -->\n<span role=\" \" data-testname=\"span with escaped empty character as role\" class=\"ex-generic\">x</span>\n<span role=\"
\" data-testname=\"span with escaped line break (
) character as role\" class=\"ex-generic\">x</span>\n<span role=\"	\" data-testname=\"span with escaped tab (	) as role (should be treated as whitespace)\" class=\"ex-generic\">x</span>\n<span role=\"​\" data-testname=\"span with escaped zero-width space as role (should be treated as whitespace)\" class=\"ex-generic\">x</span>\n<span role=\"⠀\" data-testname=\"span with escaped braille space (10240) as role\" class=\"ex-generic\">x</span>\n<span role=\"⠀\" data-testname=\"span with escaped braille space (x2800) as role\" class=\"ex-generic\">x</span>\n<span role=\" \" data-testname=\"span with escaped non-breaking space (nbsp) as role\" class=\"ex-generic\">x</span>\n<span role=\"\" data-testname=\"span with escaped standard space (nbsp) as role\" class=\"ex-generic\">x</span>\n\n<!-- Unescaped whitespace tests with <span> (including line breaks, tabs, zero-width space, braille space, non-breaking space, standard space) -->\n <span role=\" \" data-testname=\"span with empty character as role\" class=\"ex-generic\">x</span>\n <span role=\"\n \" data-testname=\"span with line break (
) character as role\" class=\"ex-generic\">x</span>\n <span role=\" \" data-testname=\"span with tab (	) as role (should be treated as whitespace)\" class=\"ex-generic\">x</span>\n <span role=\"\u200d\" data-testname=\"span with zero-width space as role (should be treated as whitespace)\" class=\"ex-generic\">x</span>\n <span role=\"\u2800\" data-testname=\"span with braille space (10240) as role\" class=\"ex-generic\">x</span>\n <span role=\" \" data-testname=\"span with non-breaking space (nbsp) as role\" class=\"ex-generic\">x</span>\n <span role=\" \" data-testname=\"span with standard space as role\" class=\"ex-generic\">x</span>\n\n<!-- Diacritics with <a> -->\n<a href=\"#\" role=\"̃\" data-testname=\"link with role set to tilde diacritic\" data-expectedrole=\"link\" class=\"ex\">x</a>\n<a href=\"#\" role=\"foõ\" data-testname=\"link with role foo that has tilde diacritic\" data-expectedrole=\"link\" class=\"ex\">x</a>\n<a href=\"#\" role=\"̅\" data-testname=\"link with role set to overline diacritic\" data-expectedrole=\"link\" class=\"ex\">x</a>\n<a href=\"#\" role=\"foo̅\" data-testname=\"link with role foo that has overline diacritic\" data-expectedrole=\"link\" class=\"ex\">x</a>\n<a href=\"#\" role=\"̭\" data-testname=\"link with role set to circumflex diacritic below\" data-expectedrole=\"link\" class=\"ex\">x</a>\n<a href=\"#\" role=\"foo̭\" data-testname=\"link with role foo that has circumflex diacritic below\" data-expectedrole=\"link\" class=\"ex\">x</a>\n<a href=\"#\" role=\"buttoñ\" data-testname=\"link with role set to button with tilde diacritic\" data-expectedrole=\"link\" class=\"ex\">x</a>\n\n<!-- Diacritics with <div> -->\n<div role=\"̃\" data-testname=\"div with role set to tilde diacritic\" class=\"ex-generic\">x</div>\n<div role=\"foõ\" data-testname=\"div with role foo that has tilde diacritic\" class=\"ex-generic\">x</div>\n<div role=\"buttoñ\" data-testname=\"div with role set to button with tilde diacritic\" class=\"ex-generic\">x</div>\n<div role=\"button\u00b4\" data-testname=\"div with role set to button with unescaped tilde diacritic\" class=\"ex-generic\">x</div>\n\n<!-- Zero-width joiners (e.g., ZWJ like emoji variants use) with <button> -->\n<!-- [sic] role=\"\u200d\" should include an invisible ZWJ], and role=\"link\u200d\" ends with an invisible ZWJ. Use caution when editing. -->\n<button role=\"\u200d\" data-testname=\"button with role set to zero-width joiner\" data-expectedrole=\"button\" class=\"ex\">x</button>\n<button role=\"link\u200d\" data-testname=\"button with role set to foo with zero-width joiner\" data-expectedrole=\"button\" class=\"ex\">x</button>\n\n<!-- Non-western chars with <nav> -->\n<nav role=\"\u0398\" data-testname=\"nav with role set to theta (\u0398)\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"\u0698\" data-testname=\"nav with role set to Persian character (\u0698)\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"\u0698 \u266e\" data-testname=\"nav with multiple non-latin character roles, Persian character (\u0698) and \u266e\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"\u6f22\u5b57\" data-testname=\"nav with role set to Japanese kanji\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n\n<!-- Non-western chars with <span> -->\n<span role=\"\u0398\" data-testname=\"span with role set to theta (\u0398)\" class=\"ex-generic\">x</span>\n<span role=\"\u0698\" data-testname=\"span with role set to Persian character (\u0698)\" class=\"ex-generic\">x</span>\n<span role=\"\u0698 \u266e\" data-testname=\"span with multiple non-latin character roles, Persian character (\u0698) and \u266e\" class=\"ex-generic\">x</span>\n<span role=\"\u6f22\u5b57\" data-testname=\"span with role set to Japanese kanji\" class=\"ex-generic\">x</span>\n\n<!-- RTL strings (Hebrew & Arabic) with <nav> -->\n<nav role=\"\u0633\u0644\u0627\u0645\" data-testname=\"nav with role set to Arabic text\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"\u0633\u0644\u0627\u0645 \u062d\u0628\u064a\u0628\" data-testname=\"nav with multiple role assignments set to Arabic text\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"\u05e9\u05dc\u05d5\u05dd\" data-testname=\"nav with role set to Hebrew text\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"\u05e9\u05dc\u05d5\u05dd \u05d7\u05d1\u05e8\" data-testname=\"nav with multiple role assignments set to Hebrew text\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n\n<!-- RTL strings (Hebrew & Arabic) with <div> -->\n<div role=\"\u0633\u0644\u0627\u0645\" data-testname=\"div with role set to Arabic text\" class=\"ex-generic\">x</div>\n<div role=\"\u0633\u0644\u0627\u0645 \u062d\u0628\u064a\u0628\" data-testname=\"div with multiple role assignments set to Arabic text\" class=\"ex-generic\">x</div>\n<div role=\"\u05e9\u05dc\u05d5\u05dd\" data-testname=\"div with role set to Hebrew text\" class=\"ex-generic\">x</div>\n<div role=\"\u05e9\u05dc\u05d5\u05dd \u05d7\u05d1\u05e8\" data-testname=\"div with multiple role assignments set to Hebrew text\" class=\"ex-generic\">x</div>\n\n<!-- Escaped chars, URL-encoded chars with <a> -->\n<a href=\"https://www.apple.com/\" role=\"&\" data-testname=\"link with role set to ampersand character\" data-expectedrole=\"link\" class=\"ex\">x</a>\n<a href=\"https://www.apple.com/\" role=\"<\" data-testname=\"link with role set to less than angle bracket character\" data-expectedrole=\"link\" class=\"ex\">x</a>\n\n<!-- Escaped chars, URL-encoded chars with <span> -->\n<span role=\"&\" data-testname=\"span with role set to ampersand character\" class=\"ex-generic\">x</span>\n<span role=\"<\" data-testname=\"span with role set to less than angle bracket character\" class=\"ex-generic\">x</span>\n<span role=\"&\" data-testname=\"span with role set to unescaped ampersand character\" class=\"ex-generic\">x</span>\n<span role=\"<\" data-testname=\"span with role set to unescaped less than angle bracket character\" class=\"ex-generic\">x</span>\n\n<!-- Backslash closing quote and other malformed roles with characters with <nav> -->\n<nav role=\"region\\\" data-testname=\"nav with role set to region followed by backslash\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"\\region\" data-testname=\"nav with role set to backslash followed by region\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"re/gion\" data-testname=\"nav with role set to region with backslash after e character\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n\n<!-- Backslash closing quote and other malformed roles with characters with <span> -->\n<span role=\"region\\\" data-testname=\"span with role set to region followed by backslash\" class=\"ex-generic\">x</span>\n<span role=\"\\region\" data-testname=\"span with role set to backslash followed by region\" class=\"ex-generic\">x</span>\n<span role=\"re/gion\" data-testname=\"span with role set to region with forward slash after e character\" class=\"ex-generic\">x</span>",-1 1179 "filename": "grid-roles.html", -1 1180 "title": "Grid Role Verification Tests", -1 1181 "html": "<style type=\"text/css\"></style><p>Tests <a href=\"https://w3c.github.io/aria/#grid\">grid</a> and related roles.</p>\n\n <!-- ARIA table roles tested in ./table-roles.html -->\n\n <div role=\"grid\" data-testname=\"role is grid\" data-expectedrole=\"grid\" class=\"ex\">\n <div role=\"row\" data-testname=\"role is row (in grid)\" data-expectedrole=\"row\" class=\"ex\">\n <span role=\"columnheader\" data-testname=\"role is columnheader (in row, in grid)\" data-expectedrole=\"columnheader\" class=\"ex\">x</span>\n <span role=\"columnheader\">x</span>\n </div>\n <div role=\"row\">\n <span role=\"rowheader\" data-testname=\"role is rowheader (in row, in grid)\" data-expectedrole=\"rowheader\" class=\"ex\">x</span>\n <span role=\"gridcell\" data-testname=\"role is gridcell (in row, in grid)\" data-expectedrole=\"gridcell\" class=\"ex\">x</span>\n </div>\n </div>\n\n <div role=\"grid\">\n <div role=\"rowgroup\" data-testname=\"role is rowgroup (in grid)\" data-expectedrole=\"rowgroup\" class=\"ex\">\n <div role=\"row\" data-testname=\"role is row (in rowgroup, in grid)\" data-expectedrole=\"row\" class=\"ex\">\n <span role=\"columnheader\" data-testname=\"role is columnheader (in row, in rowgroup, in grid)\" data-expectedrole=\"columnheader\" class=\"ex\">x</span>\n <span role=\"columnheader\">x</span>\n <span role=\"columnheader\">x</span>\n </div>\n </div>\n <div role=\"rowgroup\">\n <div role=\"row\">\n <span role=\"rowheader\" data-testname=\"role is rowheader (in row, in rowgroup, in grid)\" data-expectedrole=\"rowheader\" class=\"ex\">x</span>\n <span role=\"gridcell\" data-testname=\"role is gridcell (in row, in rowgroup, in grid)\" data-expectedrole=\"gridcell\" class=\"ex\">x</span>\n <span role=\"gridcell\">x</span>\n </div>\n </div>\n </div>", 1176 1182 "selector": ".ex" 1177 1183 }, 1178 1184 {1179 -1 "filename": "invalid-roles.html",1180 -1 "title": "Invalid Role Verification Tests",1181 -1 "html": "<style type=\"text/css\"></style><p>Tests invalid ARIA roles from <a href=\"https://w3c.github.io/aria/#document-handling_author-errors_roles\">9.1 Roles - handling author errors</a>.</p>\n\n<!-- Tests fallback for <nav> when 1/2/3 invalid roles are supplied -->\n<nav role=\"foo\" data-testname=\"nav with invalid role name foo\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"foo bar\" data-testname=\"nav with two invalid role names\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"foo bar baz\" data-testname=\"nav with three invalid role names\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n\n<!-- Tests fallback for <button> when 1/2/3 invalid roles are supplied -->\n<button role=\"foo\" data-testname=\"button with invalid role name foo\" data-expectedrole=\"button\" class=\"ex\">x</button>\n<button role=\"foo bar\" data-testname=\"button with two invalid role names\" data-expectedrole=\"button\" class=\"ex\">x</button>\n<button role=\"foo bar baz\" data-testname=\"button with three invalid role names\" data-expectedrole=\"button\" class=\"ex\">x</button>\n\n<!-- Tests fallback for semantically neutral elements when 1/2/3 invalid roles are supplied -->\n<span role=\"foo\" data-testname=\"span with invalid role name foo\" class=\"ex-generic\">x</span>\n<span role=\"foo bar\" data-testname=\"span with two invalid role names\" class=\"ex-generic\">x</span>\n<span role=\"foo bar baz\" data-testname=\"span with three invalid role names\" class=\"ex-generic\">x</span>\n<div role=\"foo\" data-testname=\"div with invalid role name foo\" class=\"ex-generic\">x</div>\n<div role=\"foo bar\" data-testname=\"div with two invalid role names\" class=\"ex-generic\">x</div>\n<div role=\"foo bar baz\" data-testname=\"div with three invalid role names\"class=\"ex-generic\">x</div>\n\n<!-- Whitespace tests with <nav> (including line breaks, tabs, zero-width space, braille space, non-breaking space, standard space) -->\n<nav role=\" \" data-testname=\"nav with empty character as role\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"
\" data-testname=\"nav with line break (
) character as role\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"	\" data-testname=\"nav with tab (	) as role (should be treated as whitespace)\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"​\" data-testname=\"nav with zero-width space as role (should be treated as whitespace)\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"⠀\" data-testname=\"nav with braille space (10240) as role\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"⠀\" data-testname=\"nav with braille space (x2800) as role\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\" \" data-testname=\"nav with non-breaking space (nbsp) as role\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"\" data-testname=\"nav with standard space (nbsp) as role\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n\n<!-- Escaped whitespace tests with <span> (including line breaks, tabs, zero-width space, braille space, non-breaking space, standard space) -->\n<span role=\" \" data-testname=\"span with escaped empty character as role\" class=\"ex-generic\">x</span>\n<span role=\"
\" data-testname=\"span with escaped line break (
) character as role\" class=\"ex-generic\">x</span>\n<span role=\"	\" data-testname=\"span with escaped tab (	) as role (should be treated as whitespace)\" class=\"ex-generic\">x</span>\n<span role=\"​\" data-testname=\"span with escaped zero-width space as role (should be treated as whitespace)\" class=\"ex-generic\">x</span>\n<span role=\"⠀\" data-testname=\"span with escaped braille space (10240) as role\" class=\"ex-generic\">x</span>\n<span role=\"⠀\" data-testname=\"span with escaped braille space (x2800) as role\" class=\"ex-generic\">x</span>\n<span role=\" \" data-testname=\"span with escaped non-breaking space (nbsp) as role\" class=\"ex-generic\">x</span>\n<span role=\"\" data-testname=\"span with escaped standard space (nbsp) as role\" class=\"ex-generic\">x</span>\n\n<!-- Unescaped whitespace tests with <span> (including line breaks, tabs, zero-width space, braille space, non-breaking space, standard space) -->\n <span role=\" \" data-testname=\"span with empty character as role\" class=\"ex-generic\">x</span>\n <span role=\"\n \" data-testname=\"span with line break (
) character as role\" class=\"ex-generic\">x</span>\n <span role=\" \" data-testname=\"span with tab (	) as role (should be treated as whitespace)\" class=\"ex-generic\">x</span>\n <span role=\"\u200d\" data-testname=\"span with zero-width space as role (should be treated as whitespace)\" class=\"ex-generic\">x</span>\n <span role=\"\u2800\" data-testname=\"span with braille space (10240) as role\" class=\"ex-generic\">x</span>\n <span role=\" \" data-testname=\"span with non-breaking space (nbsp) as role\" class=\"ex-generic\">x</span>\n <span role=\" \" data-testname=\"span with standard space as role\" class=\"ex-generic\">x</span>\n\n<!-- Diacritics with <a> -->\n<a href=\"#\" role=\"̃\" data-testname=\"link with role set to tilde diacritic\" data-expectedrole=\"link\" class=\"ex\">x</a>\n<a href=\"#\" role=\"foõ\" data-testname=\"link with role foo that has tilde diacritic\" data-expectedrole=\"link\" class=\"ex\">x</a>\n<a href=\"#\" role=\"̅\" data-testname=\"link with role set to overline diacritic\" data-expectedrole=\"link\" class=\"ex\">x</a>\n<a href=\"#\" role=\"foo̅\" data-testname=\"link with role foo that has overline diacritic\" data-expectedrole=\"link\" class=\"ex\">x</a>\n<a href=\"#\" role=\"̭\" data-testname=\"link with role set to circumflex diacritic below\" data-expectedrole=\"link\" class=\"ex\">x</a>\n<a href=\"#\" role=\"foo̭\" data-testname=\"link with role foo that has circumflex diacritic below\" data-expectedrole=\"link\" class=\"ex\">x</a>\n<a href=\"#\" role=\"buttoñ\" data-testname=\"link with role set to button with tilde diacritic\" data-expectedrole=\"link\" class=\"ex\">x</a>\n\n<!-- Diacritics with <div> -->\n<div role=\"̃\" data-testname=\"div with role set to tilde diacritic\" class=\"ex-generic\">x</div>\n<div role=\"foõ\" data-testname=\"div with role foo that has tilde diacritic\" class=\"ex-generic\">x</div>\n<div role=\"buttoñ\" data-testname=\"div with role set to button with tilde diacritic\" class=\"ex-generic\">x</div>\n<div role=\"button\u00b4\" data-testname=\"div with role set to button with unescaped tilde diacritic\" class=\"ex-generic\">x</div>\n\n<!-- Zero-width joiners (e.g., ZWJ like emoji variants use) with <button> -->\n<!-- [sic] role=\"\u200d\" should include an invisible ZWJ], and role=\"link\u200d\" ends with an invisible ZWJ. Use caution when editing. -->\n<button role=\"\u200d\" data-testname=\"button with role set to zero-width joiner\" data-expectedrole=\"button\" class=\"ex\">x</button>\n<button role=\"link\u200d\" data-testname=\"button with role set to foo with zero-width joiner\" data-expectedrole=\"button\" class=\"ex\">x</button>\n\n<!-- Non-western chars with <nav> -->\n<nav role=\"\u0398\" data-testname=\"nav with role set to theta (\u0398)\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"\u0698\" data-testname=\"nav with role set to Persian character (\u0698)\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"\u0698 \u266e\" data-testname=\"nav with multiple non-latin character roles, Persian character (\u0698) and \u266e\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"\u6f22\u5b57\" data-testname=\"nav with role set to Japanese kanji\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n\n<!-- Non-western chars with <span> -->\n<span role=\"\u0398\" data-testname=\"span with role set to theta (\u0398)\" class=\"ex-generic\">x</span>\n<span role=\"\u0698\" data-testname=\"span with role set to Persian character (\u0698)\" class=\"ex-generic\">x</span>\n<span role=\"\u0698 \u266e\" data-testname=\"span with multiple non-latin character roles, Persian character (\u0698) and \u266e\" class=\"ex-generic\">x</span>\n<span role=\"\u6f22\u5b57\" data-testname=\"span with role set to Japanese kanji\" class=\"ex-generic\">x</span>\n\n<!-- RTL strings (Hebrew & Arabic) with <nav> -->\n<nav role=\"\u0633\u0644\u0627\u0645\" data-testname=\"nav with role set to Arabic text\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"\u0633\u0644\u0627\u0645 \u062d\u0628\u064a\u0628\" data-testname=\"nav with multiple role assignments set to Arabic text\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"\u05e9\u05dc\u05d5\u05dd\" data-testname=\"nav with role set to Hebrew text\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"\u05e9\u05dc\u05d5\u05dd \u05d7\u05d1\u05e8\" data-testname=\"nav with multiple role assignments set to Hebrew text\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n\n<!-- RTL strings (Hebrew & Arabic) with <div> -->\n<div role=\"\u0633\u0644\u0627\u0645\" data-testname=\"div with role set to Arabic text\" class=\"ex-generic\">x</div>\n<div role=\"\u0633\u0644\u0627\u0645 \u062d\u0628\u064a\u0628\" data-testname=\"div with multiple role assignments set to Arabic text\" class=\"ex-generic\">x</div>\n<div role=\"\u05e9\u05dc\u05d5\u05dd\" data-testname=\"div with role set to Hebrew text\" class=\"ex-generic\">x</div>\n<div role=\"\u05e9\u05dc\u05d5\u05dd \u05d7\u05d1\u05e8\" data-testname=\"div with multiple role assignments set to Hebrew text\" class=\"ex-generic\">x</div>\n\n<!-- Escaped chars, URL-encoded chars with <a> -->\n<a href=\"https://www.apple.com/\" role=\"&\" data-testname=\"link with role set to ampersand character\" data-expectedrole=\"link\" class=\"ex\">x</a>\n<a href=\"https://www.apple.com/\" role=\"<\" data-testname=\"link with role set to less than angle bracket character\" data-expectedrole=\"link\" class=\"ex\">x</a>\n\n<!-- Escaped chars, URL-encoded chars with <span> -->\n<span role=\"&\" data-testname=\"span with role set to ampersand character\" class=\"ex-generic\">x</span>\n<span role=\"<\" data-testname=\"span with role set to less than angle bracket character\" class=\"ex-generic\">x</span>\n<span role=\"&\" data-testname=\"span with role set to unescaped ampersand character\" class=\"ex-generic\">x</span>\n<span role=\"<\" data-testname=\"span with role set to unescaped less than angle bracket character\" class=\"ex-generic\">x</span>\n\n<!-- Backslash closing quote and other malformed roles with characters with <nav> -->\n<nav role=\"region\\\" data-testname=\"nav with role set to region followed by backslash\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"\\region\" data-testname=\"nav with role set to backslash followed by region\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"re/gion\" data-testname=\"nav with role set to region with backslash after e character\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n\n<!-- Backslash closing quote and other malformed roles with characters with <span> -->\n<span role=\"region\\\" data-testname=\"span with role set to region followed by backslash\" class=\"ex-generic\">x</span>\n<span role=\"\\region\" data-testname=\"span with role set to backslash followed by region\" class=\"ex-generic\">x</span>\n<span role=\"re/gion\" data-testname=\"span with role set to region with forward slash after e character\" class=\"ex-generic\">x</span>",-1 1185 "filename": "generic-roles.html", -1 1186 "title": "Generic Role Verification Tests", -1 1187 "html": "<style type=\"text/css\"></style><p>Tests <a href=\"https://w3c.github.io/aria/#generic\">generic</a>.</p>\n\n<p role=\"generic\" data-testname=\"generic role on p element is generic\" class=\"ex-generic\">x</p>", 1182 1188 "role": "generic", 1183 1189 "selector": ".ex-generic" 1184 1190 }, 1185 1191 {1186 -1 "filename": "list-roles.html",1187 -1 "title": "List-related Role Verification Tests",1188 -1 "html": "<style type=\"text/css\"></style><p>Tests <a href=\"https://w3c.github.io/aria/#list\">list</a> and related roles.</p>\n\n<div role=\"list\" data-testname=\"first simple list\" data-expectedrole=\"list\" class=\"ex\">\n <div role=\"listitem\" data-testname=\"first simple listitem\" data-expectedrole=\"listitem\" class=\"ex\">x</div>\n <div role=\"listitem\" data-testname=\"last simple listitem\" data-expectedrole=\"listitem\" class=\"ex\">x</div>\n</div>",-1 1192 "filename": "abstract-roles.html", -1 1193 "title": "Abstract Role Verification Tests", -1 1194 "html": "<style type=\"text/css\"></style><p>Tests <a href=\"https://w3c.github.io/aria/#abstract_roles\">Abstract Roles</a> and related <a href=\"https://w3c.github.io/aria/#document-handling_author-errors_roles\">9.1 Roles - handling author errors</a></p>\n\n <nav role=\"command\" data-testname=\"command role\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n <nav role=\"composite\" data-testname=\"composite role\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n <nav role=\"input\" data-testname=\"input role\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n <nav role=\"landmark\" data-testname=\"landmark role\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n <nav role=\"range\" data-testname=\"range role\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n <nav role=\"roletype\" data-testname=\"roletype role\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n <nav role=\"section\" data-testname=\"section role\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n <nav role=\"sectionhead\" data-testname=\"sectionhead role\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n <nav role=\"select\" data-testname=\"select role\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n <nav role=\"structure\" data-testname=\"structure role\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n <nav role=\"widget\" data-testname=\"widget role\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n <nav role=\"window\" data-testname=\"window role\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>", 1189 1195 "selector": ".ex" 1190 1196 }, 1191 1197 {1192 -1 "filename": "synonym-roles.html",1193 -1 "title": "Region Role Verification Tests",1194 -1 "html": "<style type=\"text/css\"></style><p>Tests synonym roles image/img and none/presentation via <a href=\"https://w3c.github.io/core-aam/#roleMappingComputedRole\">Core-AAM Computed Role</a>.</p>\n\n<!-- spec resolution https://github.com/w3c/core-aam/issues/166 -->\n\n<div role=\"none\" id=\"none\" data-testname=\"none role == computedrole none\" class=\"ex-generic\">x</div><!-- preferred -->\n<div role=\"presentation\" id=\"presentation\" data-testname=\"synonym presentation role == computedrole none\" class=\"ex-generic\">x</div><!-- synonym -->\n\n<div role=\"image\" id=\"image\" data-expectedrole=\"image\" data-testname=\"image role == computedrole image\" class=\"ex\">x</div><!-- preferred -->\n<div role=\"img\" id=\"img\" data-expectedrole=\"image\" data-testname=\"synonym img role == computedrole image\" class=\"ex\">x</div><!-- synonym -->\n\n<!-- `directory` synonym deprecated in ARIA 1.2; these examples should all return computedrole `list` -->\n<ul role=\"list\" id=\"list2\" data-expectedrole=\"list\" data-testname=\"list role == computedrole list\" class=\"ex\"><li>x</li></ul>\n<ul role=\"directory\" id=\"directory\" data-expectedrole=\"list\" data-testname=\"directory role == computedrole list\" class=\"ex\"><li>x</li></ul>\n<div role=\"directory\" id=\"div\" data-expectedrole=\"list\" data-testname=\"div w/directory role == computedrole list\" class=\"ex\"><div role=\"listitem\">x</div></div>",-1 1198 "filename": "fallback-roles.html", -1 1199 "title": "Fallback Role Verification Tests", -1 1200 "html": "<style type=\"text/css\"></style><p>Tests <a href=\"https://w3c.github.io/aria/#host_general_role\">8.1 Role Attribute</a> role token list selection and <a href=\"https://w3c.github.io/aria/#document-handling_author-errors_roles\">9.1 Roles - handling author errors</a>.</p>\n\n <!-- known el and two known ARIA 1.0 roles -->\n <nav role=\"region group\" data-testname=\"fallback role w/ region with no label\" data-expectedrole=\"group\" class=\"ex\">x</nav>\n <nav role=\"region group\" data-testname=\"fallback role w/ region with label\" aria-label=\"x\" data-expectedrole=\"region\" class=\"ex\">x</nav>\n\n <!-- known el and known ARIA 1.1 with 1.0 role backup -->\n <div role=\"switch checkbox\" aria-checked=\"true\" data-testname=\"aria 1.1 switch role w/ fallback to aria 1.0 checkbox role\" aria-label=\"x\" data-expectedrole=\"switch\" class=\"ex\">x</div>\n\n <!-- known el and invalid role token with valid backup -->\n <div role=\"foo button\" data-testname=\"div[role=button] ignoring invalid foo role token\" aria-label=\"x\" data-expectedrole=\"button\" class=\"ex\">x</div>\n\n <!-- unknown el and invalid role token with valid backup -->\n <unknown role=\"foo button\" data-testname=\"unknown[role=button] ignoring invalid foo role token\" aria-label=\"x\" data-expectedrole=\"button\" class=\"ex\">x</unknown>\n\n <!-- known el and invalid role(s) -->\n <button role=\"foo\" data-testname=\"button ignoring single invalid role token\" aria-label=\"x\" data-expectedrole=\"button\" class=\"ex\">x</unknown>\n <button role=\"foo bar\" data-testname=\"button ignoring multiple invalid role tokens\" aria-label=\"x\" data-expectedrole=\"button\" class=\"ex\">x</unknown>\n\n <!-- known el with invalid punctuation -->\n <div role=\"invalid, punctuation, tests, link, button\" data-testname=\"div[role=button] ignoring invalid foo role token including punctuation-contaminated known link role\" aria-label=\"x\" data-expectedrole=\"button\" class=\"ex\">x</div>\n\n\n\n <!-- extra line breaks here to account for rendering of unicode diacritic etc char glitch tests -->\n\n\n\n <div role=\"l\u0337\u0357\u030c\u0303\u035d\u0350\u0314\u031a\u0344\u0316\u033b\u0317\u0324\u033a\u031f\u0331\u035a\u0354\u0347\u034d\u0347\u032b\u0328\u0322\u032b\u031c\u0354\u0317\u031f\u0318\u032b\u031f\u0330\u0321\u033c\u0318i\u0335\u035d\u0342\u0358\u030d\u0350\u0314\u030d\u034c\u0310\u0307\u030f\u030e\u0328\u0332\u0321\u032f\u0320\u032e\u0348\u0356\u0325\u032e\u0332\u0353\u0326\u0317\u0317\u0331\u031e\u034d\u0317\u032a\u0359\u0347\u035an\u0336\u0300\u0342\u0343\u030b\u030a\u031c\u0332\u032b\u0347\u032e\u0349\u032c\u035c\u034e\u034e\u0355\u031d\u0331\u0354\u0319\u0328\u0331\u0326\u0327\u0330\u0326\u0320\u0330\u0322\u0323\u031dk\u0337\u0300\u0352\u0306\u0351\u0312\u0305\u0315\u0351\u0313\u0312\u0342\u033d\u0344\u033d\u0309\u0358\u0340\u035d\u0318\u0333\u0355\u0330\u034e\u032e\u0327\u0320\u0327\u0318\u032a\u0327\u0328\u0347\u0355\u0325\u032d\u035c\u033c\u033c\u031c\u0324\u032b\u0328\u0325\u0328\u033c\u0324\u0330\u0326\u0356\u032a \u0337\u0350\u0342\u0301\u035b\u0303\u0341\u030a\u0308\u034c\u0315\u0304\u0343\u031a\u030c\u0302\u035d\u0308\u0307\u0340\u030c\u0344\u0301\u0300\u0344\u030d\u0344\u0307\u0304\u030a\u0360\u0314\u0352\u033e\u033e\u0307\u0301\u0352\u033d\u0342\u033e\u032e\u0326\u0345\u0318\u0353\u032b\u031c\u0355\u0356\u0330\u035c\u0319\u0318\u0345\u0353\u0321\u033c\u034e\u0333\u0339\u0347\u032e\u035cg\u0338\u034b\u0351\u035d\u0311\u0315\u0343\u035b\u0313\u0309\u0314\u0309\u0351\u0307\u0301\u0344\u0309\u0303\u0301\u0311\u030d\u035d\u031b\u0302\u0315\u0312\u0350\u031a\u035b\u0357\u0311\u030f\u0343\u031a\u033e\u034c\u0308\u0305\u0301\u0307\u033a\u0328\u0326\u0323\u0327\u0347\u0348\u0359\u0347\u0327\u0327\u034e\u0355\u0320\u031e\u0333\u0339\u0345\u0327\u0323r\u0336\u030b\u033e\u0340\u0358\u0360\u0301\u0341\u0312\u0340\u0340\u0351\u0358\u030e\u0340\u030c\u031b\u0308\u0300\u030d\u0360\u0302\u030f\u030a\u030e\u0350\u0358\u0352\u0357\u0357\u0340\u0324\u0332\u0318\u032e\u031f\u032d\u0332o\u0334\u030f\u030a\u034b\u0350\u0310\u0346\u0358\u0308\u033f\u0312\u030a\u0304\u0351\u0344\u0314\u034b\u0314\u0303\u0350\u0343\u0313\u0360\u035b\u0358\u0301\u034a\u0309\u0351\u030a\u0314\u0346\u031e\u031d\u0320\u0319\u0327\u032c\u0321\u0322\u0317\u034d\u034d\u0349\u0321\u033a\u0354\u0359\u0322\u032b\u031d\u0330\u032e\u031c\u0329\u035c\u0319\u0345\u0333\u0349\u033b\u033b\u033c\u034du\u0334\u0307\u0308\u0360\u0352\u0331\u032f\u031e\u031e\u031e\u033a\u033c\u0333\u0333\u035a\u031ep\u0336\u035d\u0302\u0310\u030c\u030f\u034c\u0344\u035d\u0357\u033e\u035d\u034c\u033f\u0313\u0358\u0352\u030b\u0306\u0346\u031a\u033e\u035b\u031b\u0310\u0344\u0343\u034b\u0300\u0349\u032e\u0319\u032f\u032e\u0331\u0349\u0316\u035a\u0349\u0329\u0331\u033a\u0329\u0326\u033a\u0348\u032b\u034d\u0354\u0332\u0323\u0317\u031f\u031c \u0336\u030d\u0344\u0357\u0350\u0300\u030a\u030f\u035b\u0303\u0344\u034b\u035d\u0305\u0354\u035a\u0329\u032c\u0348 button\" data-testname=\"div[role=button] ignoring invalid unicode diacritics etc on link and group role tokens\" aria-label=\"x\" data-expectedrole=\"button\" class=\"ex\">x</div>\n\n\n <!-- known el and known role with whitespace edge cases -->\n <div role=\" button\" data-testname=\"div[role=button] ignoring tab char\" aria-label=\"x\" data-expectedrole=\"button\" class=\"ex\">x</div>\n <div role=\"\nbutton\" data-testname=\"div[role=button] ignoring line break\" aria-label=\"x\" data-expectedrole=\"button\" class=\"ex\">x</div>\n <div role=\"\u2800 button\" data-testname=\"div[role=button] ignoring braille whitespace char\" aria-label=\"x\" data-expectedrole=\"button\" class=\"ex\">x</div>", 1195 1201 "selector": ".ex" 1196 1202 }, 1197 1203 {1198 -1 "filename": "synonym-roles.html",-1 1204 "filename": "region-roles.html", 1199 1205 "title": "Region Role Verification Tests",1200 -1 "html": "<style type=\"text/css\"></style><p>Tests synonym roles image/img and none/presentation via <a href=\"https://w3c.github.io/core-aam/#roleMappingComputedRole\">Core-AAM Computed Role</a>.</p>\n\n<!-- spec resolution https://github.com/w3c/core-aam/issues/166 -->\n\n<div role=\"none\" id=\"none\" data-testname=\"none role == computedrole none\" class=\"ex-generic\">x</div><!-- preferred -->\n<div role=\"presentation\" id=\"presentation\" data-testname=\"synonym presentation role == computedrole none\" class=\"ex-generic\">x</div><!-- synonym -->\n\n<div role=\"image\" id=\"image\" data-expectedrole=\"image\" data-testname=\"image role == computedrole image\" class=\"ex\">x</div><!-- preferred -->\n<div role=\"img\" id=\"img\" data-expectedrole=\"image\" data-testname=\"synonym img role == computedrole image\" class=\"ex\">x</div><!-- synonym -->\n\n<!-- `directory` synonym deprecated in ARIA 1.2; these examples should all return computedrole `list` -->\n<ul role=\"list\" id=\"list2\" data-expectedrole=\"list\" data-testname=\"list role == computedrole list\" class=\"ex\"><li>x</li></ul>\n<ul role=\"directory\" id=\"directory\" data-expectedrole=\"list\" data-testname=\"directory role == computedrole list\" class=\"ex\"><li>x</li></ul>\n<div role=\"directory\" id=\"div\" data-expectedrole=\"list\" data-testname=\"div w/directory role == computedrole list\" class=\"ex\"><div role=\"listitem\">x</div></div>",1201 -1 "role": "generic",1202 -1 "selector": ".ex-generic"-1 1206 "html": "<style type=\"text/css\"></style><p>Tests <a href=\"https://w3c.github.io/aria/#region\">region</a> and related roles, as well as the \"name from author\" rule in <a href=\"https://w3c.github.io/aria/#document-handling_author-errors_roles\">9.1 Roles - handling author errors</a>.</p>\n\n<!-- no label -->\n<nav role=\"region\" data-testname=\"region without label\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n\n<!-- w/ label -->\n<nav role=\"region\" data-testname=\"region with label\" data-expectedrole=\"region\" aria-label=\"x\" class=\"ex\">x</nav>", -1 1207 "selector": ".ex" 1203 1208 }, 1204 1209 { 1205 1210 "filename": "tab-roles.html", @@ -1208,58 +1213,65 @@ window.wpt["wai-aria"] = [ 1208 1213 "selector": ".ex" 1209 1214 }, 1210 1215 {1211 -1 "filename": "table-roles.html",1212 -1 "title": "Table Role Verification Tests",1213 -1 "html": "<style type=\"text/css\"></style><p>Tests <a href=\"https://w3c.github.io/aria/#table\">table</a> and related roles.</p>\n\n<!-- HTML <table> Elements Testing -->\n\n <!-- <caption> -> wpt/html-aam/table-roles.html -->\n\n <!-- <table> -> wpt/html-aam/table-roles.html -->\n <!-- <tbody> -> wpt/html-aam/table-roles.html -->\n\n <!-- <td> -> wpt/html-aam/table-roles.html -->\n\n <!-- <tfoot> -> wpt/html-aam/table-roles.html -->\n\n <!-- <th> -> wpt/html-aam/table-roles.html -->\n <!-- <thead> -> wpt/html-aam/table-roles.html -->\n\n <!-- <tr> -> wpt/html-aam/table-roles.html -->\n\n\n<!-- ARIA Grid Elements Testing -->\n\n <!-- Grid roles tested in ./grid-roles.html -->\n\n\n<!-- ARIA Table Roles Testing -->\n\n <!-- caption -->\n <div role=\"table\">\n <div role=\"caption\" data-testname=\"div role is caption (in div with table role)\" data-expectedrole=\"caption\" class=\"ex\">x</div>\n </div>\n\n <p role=\"caption\" data-testname=\"orphan p role is caption\" data-expectedrole=\"caption\" class=\"ex\">x</p>\n\n <!-- cell -->\n <div role=\"table\">\n <div role=\"rowgroup\">\n <div role=\"row\">\n <span role=\"columnheader\">x</span>\n <span role=\"columnheader\">x</span>\n </div>\n </div>\n <div role=\"rowgroup\">\n <div role=\"row\">\n <span role=\"cell\" data-testname=\"span role is cell (in div with row role, in div with rowgroup role, in div with table role)\" data-expectedrole=\"cell\" class=\"ex\">x</span>\n <span role=\"cell\">x</span>\n </div>\n </div>\n </div>\n\n <span role=\"cell\" data-testname=\"orphan span role is cell\" data-expectedrole=\"cell\" class=\"ex\">x</span>\n\n <!-- columnheader -->\n <div role=\"table\">\n <div role=\"rowgroup\">\n <div role=\"row\">\n <span role=\"columnheader\" data-testname=\"span role is columnheader (in div with row role, in div with rowgroup role, in div with table role)\" data-expectedrole=\"columnheader\" class=\"ex\">x</span>\n <span role=\"columnheader\">x</span>\n <span role=\"columnheader\">x</span>\n </div>\n </div>\n <div role=\"rowgroup\">\n <div role=\"row\">\n <span role=\"rowheader\">x</span>\n <span role=\"cell\">x</span>\n <span role=\"cell\">x</span>\n </div>\n </div>\n </div>\n\n <!-- row -->\n <div role=\"table\">\n <div role=\"rowgroup\">\n <div role=\"row\" data-testname=\"div role is row (in div with rowgroup role, in div with table role)\" data-expectedrole=\"row\" class=\"ex\">\n <span role=\"columnheader\">x</span>\n </div>\n </div>\n <div role=\"rowgroup\">\n <div role=\"row\">\n <span role=\"cell\">x</span>\n </div>\n </div>\n </div>\n\n <!-- rowgroup -->\n <div role=\"table\">\n <div role=\"rowgroup\" data-testname=\"div role is rowgroup (in div with table role)\" data-expectedrole=\"rowgroup\" class=\"ex\">\n <div role=\"row\">\n <span role=\"columnheader\">x</span>\n <span role=\"columnheader\">x</span>\n </div>\n </div>\n <div role=\"rowgroup\">\n <div role=\"row\">\n <span role=\"cell\">x</span>\n <span role=\"cell\">x</span>\n </div>\n </div>\n </div>\n\n <!-- rowheader -->\n <div role=\"table\">\n <div role=\"rowgroup\">\n <div role=\"row\">\n <span role=\"columnheader\">x</span>\n <span role=\"columnheader\">x</span>\n <span role=\"columnheader\">x</span>\n </div>\n </div>\n <div role=\"rowgroup\">\n <div role=\"row\">\n <span role=\"rowheader\" data-testname=\"role is rowheader (in div with row role, in div with rowgroup role, in div with table role)\" data-expectedrole=\"rowheader\" class=\"ex\">x</span>\n <span role=\"cell\">x</span>\n <span role=\"cell\">x</span>\n <span role=\"cell\">x</span>\n </div>\n </div>\n </div>\n\n <!-- table -->\n <div role=\"table\" data-testname=\"div role is table\" data-expectedrole=\"table\" class=\"ex\">\n <div role=\"row\">\n <span role=\"columnheader\">x</span>\n <span role=\"columnheader\">x</span>\n </div>\n <div role=\"row\">\n <span role=\"cell\">x</span>\n <span role=\"cell\">x</span>\n </div>\n </div>",-1 1216 "filename": "invalid-roles.html", -1 1217 "title": "Invalid Role Verification Tests", -1 1218 "html": "<style type=\"text/css\"></style><p>Tests invalid ARIA roles from <a href=\"https://w3c.github.io/aria/#document-handling_author-errors_roles\">9.1 Roles - handling author errors</a>.</p>\n\n<!-- Tests fallback for <nav> when 1/2/3 invalid roles are supplied -->\n<nav role=\"foo\" data-testname=\"nav with invalid role name foo\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"foo bar\" data-testname=\"nav with two invalid role names\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"foo bar baz\" data-testname=\"nav with three invalid role names\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n\n<!-- Tests fallback for <button> when 1/2/3 invalid roles are supplied -->\n<button role=\"foo\" data-testname=\"button with invalid role name foo\" data-expectedrole=\"button\" class=\"ex\">x</button>\n<button role=\"foo bar\" data-testname=\"button with two invalid role names\" data-expectedrole=\"button\" class=\"ex\">x</button>\n<button role=\"foo bar baz\" data-testname=\"button with three invalid role names\" data-expectedrole=\"button\" class=\"ex\">x</button>\n\n<!-- Tests fallback for semantically neutral elements when 1/2/3 invalid roles are supplied -->\n<span role=\"foo\" data-testname=\"span with invalid role name foo\" class=\"ex-generic\">x</span>\n<span role=\"foo bar\" data-testname=\"span with two invalid role names\" class=\"ex-generic\">x</span>\n<span role=\"foo bar baz\" data-testname=\"span with three invalid role names\" class=\"ex-generic\">x</span>\n<div role=\"foo\" data-testname=\"div with invalid role name foo\" class=\"ex-generic\">x</div>\n<div role=\"foo bar\" data-testname=\"div with two invalid role names\" class=\"ex-generic\">x</div>\n<div role=\"foo bar baz\" data-testname=\"div with three invalid role names\"class=\"ex-generic\">x</div>\n\n<!-- Whitespace tests with <nav> (including line breaks, tabs, zero-width space, braille space, non-breaking space, standard space) -->\n<nav role=\" \" data-testname=\"nav with empty character as role\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"
\" data-testname=\"nav with line break (
) character as role\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"	\" data-testname=\"nav with tab (	) as role (should be treated as whitespace)\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"​\" data-testname=\"nav with zero-width space as role (should be treated as whitespace)\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"⠀\" data-testname=\"nav with braille space (10240) as role\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"⠀\" data-testname=\"nav with braille space (x2800) as role\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\" \" data-testname=\"nav with non-breaking space (nbsp) as role\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"\" data-testname=\"nav with standard space (nbsp) as role\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n\n<!-- Escaped whitespace tests with <span> (including line breaks, tabs, zero-width space, braille space, non-breaking space, standard space) -->\n<span role=\" \" data-testname=\"span with escaped empty character as role\" class=\"ex-generic\">x</span>\n<span role=\"
\" data-testname=\"span with escaped line break (
) character as role\" class=\"ex-generic\">x</span>\n<span role=\"	\" data-testname=\"span with escaped tab (	) as role (should be treated as whitespace)\" class=\"ex-generic\">x</span>\n<span role=\"​\" data-testname=\"span with escaped zero-width space as role (should be treated as whitespace)\" class=\"ex-generic\">x</span>\n<span role=\"⠀\" data-testname=\"span with escaped braille space (10240) as role\" class=\"ex-generic\">x</span>\n<span role=\"⠀\" data-testname=\"span with escaped braille space (x2800) as role\" class=\"ex-generic\">x</span>\n<span role=\" \" data-testname=\"span with escaped non-breaking space (nbsp) as role\" class=\"ex-generic\">x</span>\n<span role=\"\" data-testname=\"span with escaped standard space (nbsp) as role\" class=\"ex-generic\">x</span>\n\n<!-- Unescaped whitespace tests with <span> (including line breaks, tabs, zero-width space, braille space, non-breaking space, standard space) -->\n <span role=\" \" data-testname=\"span with empty character as role\" class=\"ex-generic\">x</span>\n <span role=\"\n \" data-testname=\"span with line break (
) character as role\" class=\"ex-generic\">x</span>\n <span role=\" \" data-testname=\"span with tab (	) as role (should be treated as whitespace)\" class=\"ex-generic\">x</span>\n <span role=\"\u200d\" data-testname=\"span with zero-width space as role (should be treated as whitespace)\" class=\"ex-generic\">x</span>\n <span role=\"\u2800\" data-testname=\"span with braille space (10240) as role\" class=\"ex-generic\">x</span>\n <span role=\" \" data-testname=\"span with non-breaking space (nbsp) as role\" class=\"ex-generic\">x</span>\n <span role=\" \" data-testname=\"span with standard space as role\" class=\"ex-generic\">x</span>\n\n<!-- Diacritics with <a> -->\n<a href=\"#\" role=\"̃\" data-testname=\"link with role set to tilde diacritic\" data-expectedrole=\"link\" class=\"ex\">x</a>\n<a href=\"#\" role=\"foõ\" data-testname=\"link with role foo that has tilde diacritic\" data-expectedrole=\"link\" class=\"ex\">x</a>\n<a href=\"#\" role=\"̅\" data-testname=\"link with role set to overline diacritic\" data-expectedrole=\"link\" class=\"ex\">x</a>\n<a href=\"#\" role=\"foo̅\" data-testname=\"link with role foo that has overline diacritic\" data-expectedrole=\"link\" class=\"ex\">x</a>\n<a href=\"#\" role=\"̭\" data-testname=\"link with role set to circumflex diacritic below\" data-expectedrole=\"link\" class=\"ex\">x</a>\n<a href=\"#\" role=\"foo̭\" data-testname=\"link with role foo that has circumflex diacritic below\" data-expectedrole=\"link\" class=\"ex\">x</a>\n<a href=\"#\" role=\"buttoñ\" data-testname=\"link with role set to button with tilde diacritic\" data-expectedrole=\"link\" class=\"ex\">x</a>\n\n<!-- Diacritics with <div> -->\n<div role=\"̃\" data-testname=\"div with role set to tilde diacritic\" class=\"ex-generic\">x</div>\n<div role=\"foõ\" data-testname=\"div with role foo that has tilde diacritic\" class=\"ex-generic\">x</div>\n<div role=\"buttoñ\" data-testname=\"div with role set to button with tilde diacritic\" class=\"ex-generic\">x</div>\n<div role=\"button\u00b4\" data-testname=\"div with role set to button with unescaped tilde diacritic\" class=\"ex-generic\">x</div>\n\n<!-- Zero-width joiners (e.g., ZWJ like emoji variants use) with <button> -->\n<!-- [sic] role=\"\u200d\" should include an invisible ZWJ], and role=\"link\u200d\" ends with an invisible ZWJ. Use caution when editing. -->\n<button role=\"\u200d\" data-testname=\"button with role set to zero-width joiner\" data-expectedrole=\"button\" class=\"ex\">x</button>\n<button role=\"link\u200d\" data-testname=\"button with role set to foo with zero-width joiner\" data-expectedrole=\"button\" class=\"ex\">x</button>\n\n<!-- Non-western chars with <nav> -->\n<nav role=\"\u0398\" data-testname=\"nav with role set to theta (\u0398)\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"\u0698\" data-testname=\"nav with role set to Persian character (\u0698)\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"\u0698 \u266e\" data-testname=\"nav with multiple non-latin character roles, Persian character (\u0698) and \u266e\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"\u6f22\u5b57\" data-testname=\"nav with role set to Japanese kanji\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n\n<!-- Non-western chars with <span> -->\n<span role=\"\u0398\" data-testname=\"span with role set to theta (\u0398)\" class=\"ex-generic\">x</span>\n<span role=\"\u0698\" data-testname=\"span with role set to Persian character (\u0698)\" class=\"ex-generic\">x</span>\n<span role=\"\u0698 \u266e\" data-testname=\"span with multiple non-latin character roles, Persian character (\u0698) and \u266e\" class=\"ex-generic\">x</span>\n<span role=\"\u6f22\u5b57\" data-testname=\"span with role set to Japanese kanji\" class=\"ex-generic\">x</span>\n\n<!-- RTL strings (Hebrew & Arabic) with <nav> -->\n<nav role=\"\u0633\u0644\u0627\u0645\" data-testname=\"nav with role set to Arabic text\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"\u0633\u0644\u0627\u0645 \u062d\u0628\u064a\u0628\" data-testname=\"nav with multiple role assignments set to Arabic text\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"\u05e9\u05dc\u05d5\u05dd\" data-testname=\"nav with role set to Hebrew text\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"\u05e9\u05dc\u05d5\u05dd \u05d7\u05d1\u05e8\" data-testname=\"nav with multiple role assignments set to Hebrew text\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n\n<!-- RTL strings (Hebrew & Arabic) with <div> -->\n<div role=\"\u0633\u0644\u0627\u0645\" data-testname=\"div with role set to Arabic text\" class=\"ex-generic\">x</div>\n<div role=\"\u0633\u0644\u0627\u0645 \u062d\u0628\u064a\u0628\" data-testname=\"div with multiple role assignments set to Arabic text\" class=\"ex-generic\">x</div>\n<div role=\"\u05e9\u05dc\u05d5\u05dd\" data-testname=\"div with role set to Hebrew text\" class=\"ex-generic\">x</div>\n<div role=\"\u05e9\u05dc\u05d5\u05dd \u05d7\u05d1\u05e8\" data-testname=\"div with multiple role assignments set to Hebrew text\" class=\"ex-generic\">x</div>\n\n<!-- Escaped chars, URL-encoded chars with <a> -->\n<a href=\"https://www.apple.com/\" role=\"&\" data-testname=\"link with role set to ampersand character\" data-expectedrole=\"link\" class=\"ex\">x</a>\n<a href=\"https://www.apple.com/\" role=\"<\" data-testname=\"link with role set to less than angle bracket character\" data-expectedrole=\"link\" class=\"ex\">x</a>\n\n<!-- Escaped chars, URL-encoded chars with <span> -->\n<span role=\"&\" data-testname=\"span with role set to ampersand character\" class=\"ex-generic\">x</span>\n<span role=\"<\" data-testname=\"span with role set to less than angle bracket character\" class=\"ex-generic\">x</span>\n<span role=\"&\" data-testname=\"span with role set to unescaped ampersand character\" class=\"ex-generic\">x</span>\n<span role=\"<\" data-testname=\"span with role set to unescaped less than angle bracket character\" class=\"ex-generic\">x</span>\n\n<!-- Backslash closing quote and other malformed roles with characters with <nav> -->\n<nav role=\"region\\\" data-testname=\"nav with role set to region followed by backslash\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"\\region\" data-testname=\"nav with role set to backslash followed by region\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"re/gion\" data-testname=\"nav with role set to region with backslash after e character\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n\n<!-- Backslash closing quote and other malformed roles with characters with <span> -->\n<span role=\"region\\\" data-testname=\"span with role set to region followed by backslash\" class=\"ex-generic\">x</span>\n<span role=\"\\region\" data-testname=\"span with role set to backslash followed by region\" class=\"ex-generic\">x</span>\n<span role=\"re/gion\" data-testname=\"span with role set to region with forward slash after e character\" class=\"ex-generic\">x</span>", 1214 1219 "selector": ".ex" 1215 1220 }, 1216 1221 {1217 -1 "filename": "region-roles.html",1218 -1 "title": "Region Role Verification Tests",1219 -1 "html": "<style type=\"text/css\"></style><p>Tests <a href=\"https://w3c.github.io/aria/#region\">region</a> and related roles, as well as the \"name from author\" rule in <a href=\"https://w3c.github.io/aria/#document-handling_author-errors_roles\">9.1 Roles - handling author errors</a>.</p>\n\n<!-- no label -->\n<nav role=\"region\" data-testname=\"region without label\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n\n<!-- w/ label -->\n<nav role=\"region\" data-testname=\"region with label\" data-expectedrole=\"region\" aria-label=\"x\" class=\"ex\">x</nav>",-1 1222 "filename": "invalid-roles.html", -1 1223 "title": "Invalid Role Verification Tests", -1 1224 "html": "<style type=\"text/css\"></style><p>Tests invalid ARIA roles from <a href=\"https://w3c.github.io/aria/#document-handling_author-errors_roles\">9.1 Roles - handling author errors</a>.</p>\n\n<!-- Tests fallback for <nav> when 1/2/3 invalid roles are supplied -->\n<nav role=\"foo\" data-testname=\"nav with invalid role name foo\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"foo bar\" data-testname=\"nav with two invalid role names\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"foo bar baz\" data-testname=\"nav with three invalid role names\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n\n<!-- Tests fallback for <button> when 1/2/3 invalid roles are supplied -->\n<button role=\"foo\" data-testname=\"button with invalid role name foo\" data-expectedrole=\"button\" class=\"ex\">x</button>\n<button role=\"foo bar\" data-testname=\"button with two invalid role names\" data-expectedrole=\"button\" class=\"ex\">x</button>\n<button role=\"foo bar baz\" data-testname=\"button with three invalid role names\" data-expectedrole=\"button\" class=\"ex\">x</button>\n\n<!-- Tests fallback for semantically neutral elements when 1/2/3 invalid roles are supplied -->\n<span role=\"foo\" data-testname=\"span with invalid role name foo\" class=\"ex-generic\">x</span>\n<span role=\"foo bar\" data-testname=\"span with two invalid role names\" class=\"ex-generic\">x</span>\n<span role=\"foo bar baz\" data-testname=\"span with three invalid role names\" class=\"ex-generic\">x</span>\n<div role=\"foo\" data-testname=\"div with invalid role name foo\" class=\"ex-generic\">x</div>\n<div role=\"foo bar\" data-testname=\"div with two invalid role names\" class=\"ex-generic\">x</div>\n<div role=\"foo bar baz\" data-testname=\"div with three invalid role names\"class=\"ex-generic\">x</div>\n\n<!-- Whitespace tests with <nav> (including line breaks, tabs, zero-width space, braille space, non-breaking space, standard space) -->\n<nav role=\" \" data-testname=\"nav with empty character as role\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"
\" data-testname=\"nav with line break (
) character as role\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"	\" data-testname=\"nav with tab (	) as role (should be treated as whitespace)\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"​\" data-testname=\"nav with zero-width space as role (should be treated as whitespace)\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"⠀\" data-testname=\"nav with braille space (10240) as role\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"⠀\" data-testname=\"nav with braille space (x2800) as role\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\" \" data-testname=\"nav with non-breaking space (nbsp) as role\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"\" data-testname=\"nav with standard space (nbsp) as role\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n\n<!-- Escaped whitespace tests with <span> (including line breaks, tabs, zero-width space, braille space, non-breaking space, standard space) -->\n<span role=\" \" data-testname=\"span with escaped empty character as role\" class=\"ex-generic\">x</span>\n<span role=\"
\" data-testname=\"span with escaped line break (
) character as role\" class=\"ex-generic\">x</span>\n<span role=\"	\" data-testname=\"span with escaped tab (	) as role (should be treated as whitespace)\" class=\"ex-generic\">x</span>\n<span role=\"​\" data-testname=\"span with escaped zero-width space as role (should be treated as whitespace)\" class=\"ex-generic\">x</span>\n<span role=\"⠀\" data-testname=\"span with escaped braille space (10240) as role\" class=\"ex-generic\">x</span>\n<span role=\"⠀\" data-testname=\"span with escaped braille space (x2800) as role\" class=\"ex-generic\">x</span>\n<span role=\" \" data-testname=\"span with escaped non-breaking space (nbsp) as role\" class=\"ex-generic\">x</span>\n<span role=\"\" data-testname=\"span with escaped standard space (nbsp) as role\" class=\"ex-generic\">x</span>\n\n<!-- Unescaped whitespace tests with <span> (including line breaks, tabs, zero-width space, braille space, non-breaking space, standard space) -->\n <span role=\" \" data-testname=\"span with empty character as role\" class=\"ex-generic\">x</span>\n <span role=\"\n \" data-testname=\"span with line break (
) character as role\" class=\"ex-generic\">x</span>\n <span role=\" \" data-testname=\"span with tab (	) as role (should be treated as whitespace)\" class=\"ex-generic\">x</span>\n <span role=\"\u200d\" data-testname=\"span with zero-width space as role (should be treated as whitespace)\" class=\"ex-generic\">x</span>\n <span role=\"\u2800\" data-testname=\"span with braille space (10240) as role\" class=\"ex-generic\">x</span>\n <span role=\" \" data-testname=\"span with non-breaking space (nbsp) as role\" class=\"ex-generic\">x</span>\n <span role=\" \" data-testname=\"span with standard space as role\" class=\"ex-generic\">x</span>\n\n<!-- Diacritics with <a> -->\n<a href=\"#\" role=\"̃\" data-testname=\"link with role set to tilde diacritic\" data-expectedrole=\"link\" class=\"ex\">x</a>\n<a href=\"#\" role=\"foõ\" data-testname=\"link with role foo that has tilde diacritic\" data-expectedrole=\"link\" class=\"ex\">x</a>\n<a href=\"#\" role=\"̅\" data-testname=\"link with role set to overline diacritic\" data-expectedrole=\"link\" class=\"ex\">x</a>\n<a href=\"#\" role=\"foo̅\" data-testname=\"link with role foo that has overline diacritic\" data-expectedrole=\"link\" class=\"ex\">x</a>\n<a href=\"#\" role=\"̭\" data-testname=\"link with role set to circumflex diacritic below\" data-expectedrole=\"link\" class=\"ex\">x</a>\n<a href=\"#\" role=\"foo̭\" data-testname=\"link with role foo that has circumflex diacritic below\" data-expectedrole=\"link\" class=\"ex\">x</a>\n<a href=\"#\" role=\"buttoñ\" data-testname=\"link with role set to button with tilde diacritic\" data-expectedrole=\"link\" class=\"ex\">x</a>\n\n<!-- Diacritics with <div> -->\n<div role=\"̃\" data-testname=\"div with role set to tilde diacritic\" class=\"ex-generic\">x</div>\n<div role=\"foõ\" data-testname=\"div with role foo that has tilde diacritic\" class=\"ex-generic\">x</div>\n<div role=\"buttoñ\" data-testname=\"div with role set to button with tilde diacritic\" class=\"ex-generic\">x</div>\n<div role=\"button\u00b4\" data-testname=\"div with role set to button with unescaped tilde diacritic\" class=\"ex-generic\">x</div>\n\n<!-- Zero-width joiners (e.g., ZWJ like emoji variants use) with <button> -->\n<!-- [sic] role=\"\u200d\" should include an invisible ZWJ], and role=\"link\u200d\" ends with an invisible ZWJ. Use caution when editing. -->\n<button role=\"\u200d\" data-testname=\"button with role set to zero-width joiner\" data-expectedrole=\"button\" class=\"ex\">x</button>\n<button role=\"link\u200d\" data-testname=\"button with role set to foo with zero-width joiner\" data-expectedrole=\"button\" class=\"ex\">x</button>\n\n<!-- Non-western chars with <nav> -->\n<nav role=\"\u0398\" data-testname=\"nav with role set to theta (\u0398)\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"\u0698\" data-testname=\"nav with role set to Persian character (\u0698)\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"\u0698 \u266e\" data-testname=\"nav with multiple non-latin character roles, Persian character (\u0698) and \u266e\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"\u6f22\u5b57\" data-testname=\"nav with role set to Japanese kanji\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n\n<!-- Non-western chars with <span> -->\n<span role=\"\u0398\" data-testname=\"span with role set to theta (\u0398)\" class=\"ex-generic\">x</span>\n<span role=\"\u0698\" data-testname=\"span with role set to Persian character (\u0698)\" class=\"ex-generic\">x</span>\n<span role=\"\u0698 \u266e\" data-testname=\"span with multiple non-latin character roles, Persian character (\u0698) and \u266e\" class=\"ex-generic\">x</span>\n<span role=\"\u6f22\u5b57\" data-testname=\"span with role set to Japanese kanji\" class=\"ex-generic\">x</span>\n\n<!-- RTL strings (Hebrew & Arabic) with <nav> -->\n<nav role=\"\u0633\u0644\u0627\u0645\" data-testname=\"nav with role set to Arabic text\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"\u0633\u0644\u0627\u0645 \u062d\u0628\u064a\u0628\" data-testname=\"nav with multiple role assignments set to Arabic text\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"\u05e9\u05dc\u05d5\u05dd\" data-testname=\"nav with role set to Hebrew text\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"\u05e9\u05dc\u05d5\u05dd \u05d7\u05d1\u05e8\" data-testname=\"nav with multiple role assignments set to Hebrew text\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n\n<!-- RTL strings (Hebrew & Arabic) with <div> -->\n<div role=\"\u0633\u0644\u0627\u0645\" data-testname=\"div with role set to Arabic text\" class=\"ex-generic\">x</div>\n<div role=\"\u0633\u0644\u0627\u0645 \u062d\u0628\u064a\u0628\" data-testname=\"div with multiple role assignments set to Arabic text\" class=\"ex-generic\">x</div>\n<div role=\"\u05e9\u05dc\u05d5\u05dd\" data-testname=\"div with role set to Hebrew text\" class=\"ex-generic\">x</div>\n<div role=\"\u05e9\u05dc\u05d5\u05dd \u05d7\u05d1\u05e8\" data-testname=\"div with multiple role assignments set to Hebrew text\" class=\"ex-generic\">x</div>\n\n<!-- Escaped chars, URL-encoded chars with <a> -->\n<a href=\"https://www.apple.com/\" role=\"&\" data-testname=\"link with role set to ampersand character\" data-expectedrole=\"link\" class=\"ex\">x</a>\n<a href=\"https://www.apple.com/\" role=\"<\" data-testname=\"link with role set to less than angle bracket character\" data-expectedrole=\"link\" class=\"ex\">x</a>\n\n<!-- Escaped chars, URL-encoded chars with <span> -->\n<span role=\"&\" data-testname=\"span with role set to ampersand character\" class=\"ex-generic\">x</span>\n<span role=\"<\" data-testname=\"span with role set to less than angle bracket character\" class=\"ex-generic\">x</span>\n<span role=\"&\" data-testname=\"span with role set to unescaped ampersand character\" class=\"ex-generic\">x</span>\n<span role=\"<\" data-testname=\"span with role set to unescaped less than angle bracket character\" class=\"ex-generic\">x</span>\n\n<!-- Backslash closing quote and other malformed roles with characters with <nav> -->\n<nav role=\"region\\\" data-testname=\"nav with role set to region followed by backslash\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"\\region\" data-testname=\"nav with role set to backslash followed by region\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<nav role=\"re/gion\" data-testname=\"nav with role set to region with backslash after e character\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n\n<!-- Backslash closing quote and other malformed roles with characters with <span> -->\n<span role=\"region\\\" data-testname=\"span with role set to region followed by backslash\" class=\"ex-generic\">x</span>\n<span role=\"\\region\" data-testname=\"span with role set to backslash followed by region\" class=\"ex-generic\">x</span>\n<span role=\"re/gion\" data-testname=\"span with role set to region with forward slash after e character\" class=\"ex-generic\">x</span>", -1 1225 "role": "generic", -1 1226 "selector": ".ex-generic" -1 1227 }, -1 1228 { -1 1229 "filename": "tree-roles.html", -1 1230 "title": "Tree related Role Verification Tests", -1 1231 "html": "<style type=\"text/css\"></style><p>Tests <a href=\"https://w3c.github.io/aria/#tree\">tree</a> and related roles.</p>\n\n<ul role=\"tree\" data-testname=\"role is tree\" data-expectedrole=\"tree\" class=\"ex\">\n <li role=\"treeitem\" data-testname=\"role is treeitem (in tree)\" data-expectedrole=\"treeitem\" class=\"ex\">\n x\n <ul role=\"group\" data-testname=\"role is group (in treeitem)\" data-expectedrole=\"group\" class=\"ex\">\n <li role=\"treeitem\" data-testname=\"role is treeitem (in group, in treeitem)\" data-expectedrole=\"treeitem\" class=\"ex\">x</li>\n <li role=\"treeitem\">x</li>\n </ul>\n </li>\n <li role=\"treeitem\">x</li>\n</ul>\n\n<table role=\"treegrid\" data-testname=\"role is treegrid\" data-expectedrole=\"treegrid\" class=\"ex\">\n <tbody>\n <tr role=\"row\" aria-expanded=\"true\" aria-level=\"1\" aria-posinset=\"1\" aria-setsize=\"2\" data-testname=\"role is row (in treegrid)\" data-expectedrole=\"row\" class=\"ex expander\">\n <td role=\"gridcell\" data-testname=\"role is gridcell (in row, in treegrid)\" data-expectedrole=\"gridcell\" class=\"ex\">x</td>\n <td role=\"gridcell\">x</td>\n <td role=\"gridcell\">x</td>\n </tr>\n <tr role=\"row\" aria-level=\"2\" aria-posinset=\"1\" aria-setsize=\"2\">\n <td role=\"gridcell\">x</td>\n <td role=\"gridcell\">x</td>\n <td role=\"gridcell\">x</td>\n </tr>\n <tr aria-expanded=\"false\" aria-level=\"2\" aria-posinset=\"2\" aria-setsize=\"2\" role=\"row\" class=\"expander\">\n <td role=\"gridcell\">x</td>\n <td role=\"gridcell\">x</td>\n <td role=\"gridcell\">x</td>\n </tr>\n <tr role=\"row\" aria-level=\"3\" aria-posinset=\"1\" aria-setsize=\"1\" class=\"hidden\">\n <td role=\"gridcell\">x</td>\n <td role=\"gridcell\">x</td>\n <td role=\"gridcell\">x</td>\n </tr>\n <tr role=\"row\" aria-expanded=\"false\" aria-level=\"1\" aria-posinset=\"2\" aria-setsize=\"2\" class=\"expander\">\n <td role=\"gridcell\">x</td>\n <td role=\"gridcell\">x</td>\n <td role=\"gridcell\">x</td>\n </tr>\n <tr role=\"row\" aria-level=\"2\" aria-posinset=\"1\" aria-setsize=\"2\" class=\"hidden\">\n <td role=\"gridcell\">x</td>\n <td role=\"gridcell\">x</td>\n <td role=\"gridcell\">x</td>\n </tr>\n <tr role=\"row\" aria-level=\"2\" aria-posinset=\"1\" aria-setsize=\"2\" class=\"hidden\">\n <td role=\"gridcell\">x</td>\n <td role=\"gridcell\">x</td>\n <td role=\"gridcell\">x</td>\n </tr>\n </tbody>\n</table>", 1220 1232 "selector": ".ex" 1221 1233 }, 1222 1234 {1223 -1 "filename": "button-roles.html",1224 -1 "title": "Button-related Role Verification Tests",1225 -1 "html": "<style type=\"text/css\"></style><p>Tests <a href=\"https://w3c.github.io/aria/#button\">button</a> and related roles.</p>\n\n<div role=\"button\" aria-haspopup=\"false\" data-testname=\"button aria-haspopup false\" data-expectedrole=\"button\" class=\"ex\"></div>\n<div role=\"button\" aria-haspopup=\"true\" data-testname=\"button aria-haspopup true\" data-expectedrole=\"button\" class=\"ex\"></div>\n<div role=\"button\" aria-haspopup=\"menu\" data-testname=\"button aria-haspopup menu\" data-expectedrole=\"button\" class=\"ex\"></div>\n<div role=\"button\" aria-haspopup=\"dialog\" data-testname=\"button aria-haspopup dialog\" data-expectedrole=\"button\" class=\"ex\"></div>\n<div role=\"button\" aria-haspopup=\"listbox\" data-testname=\"button aria-haspopup listbox\" data-expectedrole=\"button\" class=\"ex\"></div>\n<div role=\"button\" aria-haspopup=\"tree\" data-testname=\"button aria-haspopup tree\" data-expectedrole=\"button\" class=\"ex\"></div>\n<div role=\"button\" aria-haspopup=\"grid\" data-testname=\"button aria-haspopup grid\" data-expectedrole=\"button\" class=\"ex\"></div>\n<div role=\"button\" aria-pressed=\"true\" data-testname=\"button aria-pressed true\" data-expectedrole=\"button\" class=\"ex\"></div>\n<div role=\"button\" aria-pressed=\"false\" data-testname=\"button aria-pressed false\" data-expectedrole=\"button\" class=\"ex\"></div>\n<div role=\"button\" aria-pressed=\"\" data-testname=\"button aria-pressed undefined\" data-expectedrole=\"button\" class=\"ex\"></div>",-1 1235 "filename": "contextual-roles.html", -1 1236 "title": "Contextual Role Verification Tests", -1 1237 "html": "<style type=\"text/css\"></style><p>Verifies Required Accessibility Parent Roles from <a href=\"https://w3c.github.io/aria/#scope\">5.2.7 Required Accessibility Parent Role</a></p>\n <p>Also verifies Allowed Accessibility Child Roles from <a href=\"https://w3c.github.io/aria/#mustContain\">5.2.6 Allowed Accessibility Child Roles</a></p>\n\n<!-- Notes for \"required context\" testing:\n\n - See Computed Role for more details on role computation when an element lacks required context:\n https://w3c.github.io/core-aam/#roleMappingComputedRole\n\n - See ARIA spec for full listing of \"Required Accessibility Parent Role\" for each element:\n https://w3c.github.io/aria/#scope\n\n Identified roles with \"Required Context\" excluding abstract roles (e.g., child -> parent):\n\n - caption -> {figure, grid, table, treegrid}\n - cell -> row\n - columnheader -> row\n - gridcell -> row\n - listitem -> {list, directory} *Note: directory role is deprecated as of ARIA 1.2\n - menuitem -> {group, menu, menubar}\n - menuitemcheckbox -> {group, menu, menubar}\n - menuitemradio -> {group, menu, menubar}\n - option -> {group, listbox}\n - row -> {grid, rowgroup, table, treegrid}\n - rowgroup -> {grid, table, treegrid}\n - rowheader -> row\n - tab -> tablist\n - treeitem -> {group, tree}\n\n -->\n\n<!-- Required Context Roles Testing -->\n\n <!-- caption -> ./table-roles.html -->\n\n <!-- cell -> ./table-roles.html -->\n\n <!-- columnheader -> ./grid-roles.html, ./table-roles.html -->\n\n <!-- gridcell -> ./grid-roles.html -->\n\n <!-- listitem -> ./list-roles.html -->\n\n <!-- menuitem, menuitemcheckbox, menuitemradio -> ./menu-roles.html -->\n\n <!-- option -> ./listbox-roles.html -->\n\n <!-- row -> ./grid-roles.html, ./table-roles.html -->\n\n <!-- rowgroup -> ./grid-roles.html, ./table-roles.html -->\n\n <!-- rowheader -> ./grid-roles.html, ./table-roles.html -->\n\n <!-- tab -> ./tab-roles.html -->\n\n <!-- treeitem -> ./tree-roles.html -->\n\n<!-- Misc Contextual Role Testing -->\n\n <!-- Testing contentinfo role computation when scoped to <main> or not:\n 1. If <footer> is a descendant of <main>, it should become 'generic'\n 2. If <footer> is scoped to <body>, it should be 'contentinfo' as expected\n\n see: https://w3c.github.io/html-aam/#el-footer-ancestorbody -->\n <!-- main>footer -> ./roles-contextual.tentative.html -->\n\n <footer data-testname=\"footer scoped to body element is contentinfo\" data-expectedrole=\"contentinfo\" class=\"ex\">x</footer>\n <div role=\"contentinfo\" data-testname=\"contentinfo region scoped to body element is contentinfo\" data-expectedrole=\"contentinfo\" class=\"ex\">x</div>", 1226 1238 "selector": ".ex" 1227 1239 }, 1228 1240 {1229 -1 "filename": "tree-roles.html",1230 -1 "title": "Tree related Role Verification Tests",1231 -1 "html": "<style type=\"text/css\"></style><p>Tests <a href=\"https://w3c.github.io/aria/#tree\">tree</a> and related roles.</p>\n\n<ul role=\"tree\" data-testname=\"role is tree\" data-expectedrole=\"tree\" class=\"ex\">\n <li role=\"treeitem\" data-testname=\"role is treeitem (in tree)\" data-expectedrole=\"treeitem\" class=\"ex\">\n x\n <ul role=\"group\" data-testname=\"role is group (in treeitem)\" data-expectedrole=\"group\" class=\"ex\">\n <li role=\"treeitem\" data-testname=\"role is treeitem (in group, in treeitem)\" data-expectedrole=\"treeitem\" class=\"ex\">x</li>\n <li role=\"treeitem\">x</li>\n </ul>\n </li>\n <li role=\"treeitem\">x</li>\n</ul>\n\n<table role=\"treegrid\" data-testname=\"role is treegrid\" data-expectedrole=\"treegrid\" class=\"ex\">\n <tbody>\n <tr role=\"row\" aria-expanded=\"true\" aria-level=\"1\" aria-posinset=\"1\" aria-setsize=\"2\" data-testname=\"role is row (in treegrid)\" data-expectedrole=\"row\" class=\"ex expander\">\n <td role=\"gridcell\" data-testname=\"role is gridcell (in row, in treegrid)\" data-expectedrole=\"gridcell\" class=\"ex\">x</td>\n <td role=\"gridcell\">x</td>\n <td role=\"gridcell\">x</td>\n </tr>\n <tr role=\"row\" aria-level=\"2\" aria-posinset=\"1\" aria-setsize=\"2\">\n <td role=\"gridcell\">x</td>\n <td role=\"gridcell\">x</td>\n <td role=\"gridcell\">x</td>\n </tr>\n <tr aria-expanded=\"false\" aria-level=\"2\" aria-posinset=\"2\" aria-setsize=\"2\" role=\"row\" class=\"expander\">\n <td role=\"gridcell\">x</td>\n <td role=\"gridcell\">x</td>\n <td role=\"gridcell\">x</td>\n </tr>\n <tr role=\"row\" aria-level=\"3\" aria-posinset=\"1\" aria-setsize=\"1\" class=\"hidden\">\n <td role=\"gridcell\">x</td>\n <td role=\"gridcell\">x</td>\n <td role=\"gridcell\">x</td>\n </tr>\n <tr role=\"row\" aria-expanded=\"false\" aria-level=\"1\" aria-posinset=\"2\" aria-setsize=\"2\" class=\"expander\">\n <td role=\"gridcell\">x</td>\n <td role=\"gridcell\">x</td>\n <td role=\"gridcell\">x</td>\n </tr>\n <tr role=\"row\" aria-level=\"2\" aria-posinset=\"1\" aria-setsize=\"2\" class=\"hidden\">\n <td role=\"gridcell\">x</td>\n <td role=\"gridcell\">x</td>\n <td role=\"gridcell\">x</td>\n </tr>\n <tr role=\"row\" aria-level=\"2\" aria-posinset=\"1\" aria-setsize=\"2\" class=\"hidden\">\n <td role=\"gridcell\">x</td>\n <td role=\"gridcell\">x</td>\n <td role=\"gridcell\">x</td>\n </tr>\n </tbody>\n</table>",-1 1241 "filename": "list-roles.html", -1 1242 "title": "List-related Role Verification Tests", -1 1243 "html": "<style type=\"text/css\"></style><p>Tests <a href=\"https://w3c.github.io/aria/#list\">list</a> and related roles.</p>\n\n<div role=\"list\" data-testname=\"first simple list\" data-expectedrole=\"list\" class=\"ex\">\n <div role=\"listitem\" data-testname=\"first simple listitem\" data-expectedrole=\"listitem\" class=\"ex\">x</div>\n <div role=\"listitem\" data-testname=\"last simple listitem\" data-expectedrole=\"listitem\" class=\"ex\">x</div>\n</div>", 1232 1244 "selector": ".ex" 1233 1245 }, 1234 1246 {1235 -1 "filename": "form-roles.html",1236 -1 "title": "Form Role Verification Tests",1237 -1 "html": "<style type=\"text/css\"></style><p>Verifies <a href=\"https://w3c.github.io/aria/#document-handling_author-errors_roles\">9.1 Roles - handling author errors</a> and the <a href=\"https://w3c.github.io/aria/#form\">form</a> role.</p>\n\n\n<!-- no label -->\n<nav role=\"form\" data-testname=\"form without label\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n\n<!-- w/ label -->\n<nav role=\"form\" data-testname=\"form with label\" data-expectedrole=\"form\" aria-label=\"x\" class=\"ex\">x</nav>",-1 1247 "filename": "synonym-roles.html", -1 1248 "title": "Region Role Verification Tests", -1 1249 "html": "<style type=\"text/css\"></style><p>Tests synonym roles image/img and none/presentation via <a href=\"https://w3c.github.io/core-aam/#roleMappingComputedRole\">Core-AAM Computed Role</a>.</p>\n\n<!-- spec resolution https://github.com/w3c/core-aam/issues/166 -->\n\n<div role=\"none\" id=\"none\" data-testname=\"none role == computedrole none\" class=\"ex-generic\">x</div><!-- preferred -->\n<div role=\"presentation\" id=\"presentation\" data-testname=\"synonym presentation role == computedrole none\" class=\"ex-generic\">x</div><!-- synonym -->\n\n<div role=\"image\" id=\"image\" data-expectedrole=\"image\" data-testname=\"image role == computedrole image\" class=\"ex\">x</div><!-- preferred -->\n<div role=\"img\" id=\"img\" data-expectedrole=\"image\" data-testname=\"synonym img role == computedrole image\" class=\"ex\">x</div><!-- synonym -->\n\n<!-- `directory` synonym deprecated in ARIA 1.2; these examples should all return computedrole `list` -->\n<ul role=\"list\" id=\"list2\" data-expectedrole=\"list\" data-testname=\"list role == computedrole list\" class=\"ex\"><li>x</li></ul>\n<ul role=\"directory\" id=\"directory\" data-expectedrole=\"list\" data-testname=\"directory role == computedrole list\" class=\"ex\"><li>x</li></ul>\n<div role=\"directory\" id=\"div\" data-expectedrole=\"list\" data-testname=\"div w/directory role == computedrole list\" class=\"ex\"><div role=\"listitem\">x</div></div>", 1238 1250 "selector": ".ex" 1239 1251 }, 1240 1252 {1241 -1 "filename": "generic-roles.html",1242 -1 "title": "Generic Role Verification Tests",1243 -1 "html": "<style type=\"text/css\"></style><p>Tests <a href=\"https://w3c.github.io/aria/#generic\">generic</a>.</p>\n\n<p role=\"generic\" data-testname=\"generic role on p element is generic\" class=\"ex-generic\">x</p>",-1 1253 "filename": "synonym-roles.html", -1 1254 "title": "Region Role Verification Tests", -1 1255 "html": "<style type=\"text/css\"></style><p>Tests synonym roles image/img and none/presentation via <a href=\"https://w3c.github.io/core-aam/#roleMappingComputedRole\">Core-AAM Computed Role</a>.</p>\n\n<!-- spec resolution https://github.com/w3c/core-aam/issues/166 -->\n\n<div role=\"none\" id=\"none\" data-testname=\"none role == computedrole none\" class=\"ex-generic\">x</div><!-- preferred -->\n<div role=\"presentation\" id=\"presentation\" data-testname=\"synonym presentation role == computedrole none\" class=\"ex-generic\">x</div><!-- synonym -->\n\n<div role=\"image\" id=\"image\" data-expectedrole=\"image\" data-testname=\"image role == computedrole image\" class=\"ex\">x</div><!-- preferred -->\n<div role=\"img\" id=\"img\" data-expectedrole=\"image\" data-testname=\"synonym img role == computedrole image\" class=\"ex\">x</div><!-- synonym -->\n\n<!-- `directory` synonym deprecated in ARIA 1.2; these examples should all return computedrole `list` -->\n<ul role=\"list\" id=\"list2\" data-expectedrole=\"list\" data-testname=\"list role == computedrole list\" class=\"ex\"><li>x</li></ul>\n<ul role=\"directory\" id=\"directory\" data-expectedrole=\"list\" data-testname=\"directory role == computedrole list\" class=\"ex\"><li>x</li></ul>\n<div role=\"directory\" id=\"div\" data-expectedrole=\"list\" data-testname=\"div w/directory role == computedrole list\" class=\"ex\"><div role=\"listitem\">x</div></div>", 1244 1256 "role": "generic", 1245 1257 "selector": ".ex-generic" 1246 1258 }, 1247 1259 {1248 -1 "filename": "contextual-roles.html",1249 -1 "title": "Contextual Role Verification Tests",1250 -1 "html": "<style type=\"text/css\"></style><p>Verifies Required Accessibility Parent Roles from <a href=\"https://w3c.github.io/aria/#scope\">5.2.7 Required Accessibility Parent Role</a></p>\n <p>Also verifies Allowed Accessibility Child Roles from <a href=\"https://w3c.github.io/aria/#mustContain\">5.2.6 Allowed Accessibility Child Roles</a></p>\n\n<!-- Notes for \"required context\" testing:\n\n - See Computed Role for more details on role computation when an element lacks required context:\n https://w3c.github.io/core-aam/#roleMappingComputedRole\n\n - See ARIA spec for full listing of \"Required Accessibility Parent Role\" for each element:\n https://w3c.github.io/aria/#scope\n\n Identified roles with \"Required Context\" excluding abstract roles (e.g., child -> parent):\n\n - caption -> {figure, grid, table, treegrid}\n - cell -> row\n - columnheader -> row\n - gridcell -> row\n - listitem -> {list, directory} *Note: directory role is deprecated as of ARIA 1.2\n - menuitem -> {group, menu, menubar}\n - menuitemcheckbox -> {group, menu, menubar}\n - menuitemradio -> {group, menu, menubar}\n - option -> {group, listbox}\n - row -> {grid, rowgroup, table, treegrid}\n - rowgroup -> {grid, table, treegrid}\n - rowheader -> row\n - tab -> tablist\n - treeitem -> {group, tree}\n\n -->\n\n<!-- Required Context Roles Testing -->\n\n <!-- caption -> ./table-roles.html -->\n\n <!-- cell -> ./table-roles.html -->\n\n <!-- columnheader -> ./grid-roles.html, ./table-roles.html -->\n\n <!-- gridcell -> ./grid-roles.html -->\n\n <!-- listitem -> ./list-roles.html -->\n\n <!-- menuitem, menuitemcheckbox, menuitemradio -> ./menu-roles.html -->\n\n <!-- option -> ./listbox-roles.html -->\n\n <!-- row -> ./grid-roles.html, ./table-roles.html -->\n\n <!-- rowgroup -> ./grid-roles.html, ./table-roles.html -->\n\n <!-- rowheader -> ./grid-roles.html, ./table-roles.html -->\n\n <!-- tab -> ./tab-roles.html -->\n\n <!-- treeitem -> ./tree-roles.html -->\n\n<!-- Misc Contextual Role Testing -->\n\n <!-- Testing contentinfo role computation when scoped to <main> or not:\n 1. If <footer> is a descendant of <main>, it should become 'generic'\n 2. If <footer> is scoped to <body>, it should be 'contentinfo' as expected\n\n see: https://w3c.github.io/html-aam/#el-footer-ancestorbody -->\n <!-- main>footer -> ./roles-contextual.tentative.html -->\n\n <footer data-testname=\"footer scoped to body element is contentinfo\" data-expectedrole=\"contentinfo\" class=\"ex\">x</footer>\n <div role=\"contentinfo\" data-testname=\"contentinfo region scoped to body element is contentinfo\" data-expectedrole=\"contentinfo\" class=\"ex\">x</div>",-1 1260 "filename": "table-roles.html", -1 1261 "title": "Table Role Verification Tests", -1 1262 "html": "<style type=\"text/css\"></style><p>Tests <a href=\"https://w3c.github.io/aria/#table\">table</a> and related roles.</p>\n\n<!-- HTML <table> Elements Testing -->\n\n <!-- <caption> -> wpt/html-aam/table-roles.html -->\n\n <!-- <table> -> wpt/html-aam/table-roles.html -->\n <!-- <tbody> -> wpt/html-aam/table-roles.html -->\n\n <!-- <td> -> wpt/html-aam/table-roles.html -->\n\n <!-- <tfoot> -> wpt/html-aam/table-roles.html -->\n\n <!-- <th> -> wpt/html-aam/table-roles.html -->\n <!-- <thead> -> wpt/html-aam/table-roles.html -->\n\n <!-- <tr> -> wpt/html-aam/table-roles.html -->\n\n\n<!-- ARIA Grid Elements Testing -->\n\n <!-- Grid roles tested in ./grid-roles.html -->\n\n\n<!-- ARIA Table Roles Testing -->\n\n <!-- caption -->\n <div role=\"table\">\n <div role=\"caption\" data-testname=\"div role is caption (in div with table role)\" data-expectedrole=\"caption\" class=\"ex\">x</div>\n </div>\n\n <p role=\"caption\" data-testname=\"orphan p role is caption\" data-expectedrole=\"caption\" class=\"ex\">x</p>\n\n <!-- cell -->\n <div role=\"table\">\n <div role=\"rowgroup\">\n <div role=\"row\">\n <span role=\"columnheader\">x</span>\n <span role=\"columnheader\">x</span>\n </div>\n </div>\n <div role=\"rowgroup\">\n <div role=\"row\">\n <span role=\"cell\" data-testname=\"span role is cell (in div with row role, in div with rowgroup role, in div with table role)\" data-expectedrole=\"cell\" class=\"ex\">x</span>\n <span role=\"cell\">x</span>\n </div>\n </div>\n </div>\n\n <span role=\"cell\" data-testname=\"orphan span role is cell\" data-expectedrole=\"cell\" class=\"ex\">x</span>\n\n <!-- columnheader -->\n <div role=\"table\">\n <div role=\"rowgroup\">\n <div role=\"row\">\n <span role=\"columnheader\" data-testname=\"span role is columnheader (in div with row role, in div with rowgroup role, in div with table role)\" data-expectedrole=\"columnheader\" class=\"ex\">x</span>\n <span role=\"columnheader\">x</span>\n <span role=\"columnheader\">x</span>\n </div>\n </div>\n <div role=\"rowgroup\">\n <div role=\"row\">\n <span role=\"rowheader\">x</span>\n <span role=\"cell\">x</span>\n <span role=\"cell\">x</span>\n </div>\n </div>\n </div>\n\n <!-- row -->\n <div role=\"table\">\n <div role=\"rowgroup\">\n <div role=\"row\" data-testname=\"div role is row (in div with rowgroup role, in div with table role)\" data-expectedrole=\"row\" class=\"ex\">\n <span role=\"columnheader\">x</span>\n </div>\n </div>\n <div role=\"rowgroup\">\n <div role=\"row\">\n <span role=\"cell\">x</span>\n </div>\n </div>\n </div>\n\n <!-- rowgroup -->\n <div role=\"table\">\n <div role=\"rowgroup\" data-testname=\"div role is rowgroup (in div with table role)\" data-expectedrole=\"rowgroup\" class=\"ex\">\n <div role=\"row\">\n <span role=\"columnheader\">x</span>\n <span role=\"columnheader\">x</span>\n </div>\n </div>\n <div role=\"rowgroup\">\n <div role=\"row\">\n <span role=\"cell\">x</span>\n <span role=\"cell\">x</span>\n </div>\n </div>\n </div>\n\n <!-- rowheader -->\n <div role=\"table\">\n <div role=\"rowgroup\">\n <div role=\"row\">\n <span role=\"columnheader\">x</span>\n <span role=\"columnheader\">x</span>\n <span role=\"columnheader\">x</span>\n </div>\n </div>\n <div role=\"rowgroup\">\n <div role=\"row\">\n <span role=\"rowheader\" data-testname=\"role is rowheader (in div with row role, in div with rowgroup role, in div with table role)\" data-expectedrole=\"rowheader\" class=\"ex\">x</span>\n <span role=\"cell\">x</span>\n <span role=\"cell\">x</span>\n <span role=\"cell\">x</span>\n </div>\n </div>\n </div>\n\n <!-- table -->\n <div role=\"table\" data-testname=\"div role is table\" data-expectedrole=\"table\" class=\"ex\">\n <div role=\"row\">\n <span role=\"columnheader\">x</span>\n <span role=\"columnheader\">x</span>\n </div>\n <div role=\"row\">\n <span role=\"cell\">x</span>\n <span role=\"cell\">x</span>\n </div>\n </div>", 1251 1263 "selector": ".ex" 1252 1264 }, 1253 1265 {1254 -1 "filename": "listbox-roles.html",1255 -1 "title": "Listbox-related Role Verification Tests",1256 -1 "html": "<style type=\"text/css\"></style><p>Tests <a href=\"https://w3c.github.io/aria/#listbox\">listbox</a> and related roles.</p>\n\n<div role=\"listbox\" data-testname=\"div role is listbox\" data-expectedrole=\"listbox\" class=\"ex\">\n <div role=\"option\" data-testname=\"role is option (in div listbox)\" data-expectedrole=\"option\" class=\"ex\">x</div>\n <div role=\"group\" data-testname=\"role is group (in div listbox)\" data-expectedrole=\"group\" class=\"ex\">\n <span role=\"option\" data-testname=\"role is option (in group, in div listbox)\" data-expectedrole=\"option\" class=\"ex\">x</span>\n <span role=\"option\">x</span>\n </div>\n <div role=\"option\">x</div>\n</div>\n\n<ul role=\"listbox\" data-testname=\"ul role is listbox\" data-expectedrole=\"listbox\" class=\"ex\">\n <li role=\"option\" data-testname=\"li role is option (in ul listbox)\" data-expectedrole=\"option\" class=\"ex\">\n x\n </li>\n <li role=\"option\">\n x\n </li>\n</ul>",-1 1266 "filename": "button-roles.html", -1 1267 "title": "Button-related Role Verification Tests", -1 1268 "html": "<style type=\"text/css\"></style><p>Tests <a href=\"https://w3c.github.io/aria/#button\">button</a> and related roles.</p>\n\n<div role=\"button\" aria-haspopup=\"false\" data-testname=\"button aria-haspopup false\" data-expectedrole=\"button\" class=\"ex\"></div>\n<div role=\"button\" aria-haspopup=\"true\" data-testname=\"button aria-haspopup true\" data-expectedrole=\"button\" class=\"ex\"></div>\n<div role=\"button\" aria-haspopup=\"menu\" data-testname=\"button aria-haspopup menu\" data-expectedrole=\"button\" class=\"ex\"></div>\n<div role=\"button\" aria-haspopup=\"dialog\" data-testname=\"button aria-haspopup dialog\" data-expectedrole=\"button\" class=\"ex\"></div>\n<div role=\"button\" aria-haspopup=\"listbox\" data-testname=\"button aria-haspopup listbox\" data-expectedrole=\"button\" class=\"ex\"></div>\n<div role=\"button\" aria-haspopup=\"tree\" data-testname=\"button aria-haspopup tree\" data-expectedrole=\"button\" class=\"ex\"></div>\n<div role=\"button\" aria-haspopup=\"grid\" data-testname=\"button aria-haspopup grid\" data-expectedrole=\"button\" class=\"ex\"></div>\n<div role=\"button\" aria-pressed=\"true\" data-testname=\"button aria-pressed true\" data-expectedrole=\"button\" class=\"ex\"></div>\n<div role=\"button\" aria-pressed=\"false\" data-testname=\"button aria-pressed false\" data-expectedrole=\"button\" class=\"ex\"></div>\n<div role=\"button\" aria-pressed=\"\" data-testname=\"button aria-pressed undefined\" data-expectedrole=\"button\" class=\"ex\"></div>", 1257 1269 "selector": ".ex" 1258 1270 }, 1259 1271 {1260 -1 "filename": "grid-roles.html",1261 -1 "title": "Grid Role Verification Tests",1262 -1 "html": "<style type=\"text/css\"></style><p>Tests <a href=\"https://w3c.github.io/aria/#grid\">grid</a> and related roles.</p>\n\n <!-- ARIA table roles tested in ./table-roles.html -->\n\n <div role=\"grid\" data-testname=\"role is grid\" data-expectedrole=\"grid\" class=\"ex\">\n <div role=\"row\" data-testname=\"role is row (in grid)\" data-expectedrole=\"row\" class=\"ex\">\n <span role=\"columnheader\" data-testname=\"role is columnheader (in row, in grid)\" data-expectedrole=\"columnheader\" class=\"ex\">x</span>\n <span role=\"columnheader\">x</span>\n </div>\n <div role=\"row\">\n <span role=\"rowheader\" data-testname=\"role is rowheader (in row, in grid)\" data-expectedrole=\"rowheader\" class=\"ex\">x</span>\n <span role=\"gridcell\" data-testname=\"role is gridcell (in row, in grid)\" data-expectedrole=\"gridcell\" class=\"ex\">x</span>\n </div>\n </div>\n\n <div role=\"grid\">\n <div role=\"rowgroup\" data-testname=\"role is rowgroup (in grid)\" data-expectedrole=\"rowgroup\" class=\"ex\">\n <div role=\"row\" data-testname=\"role is row (in rowgroup, in grid)\" data-expectedrole=\"row\" class=\"ex\">\n <span role=\"columnheader\" data-testname=\"role is columnheader (in row, in rowgroup, in grid)\" data-expectedrole=\"columnheader\" class=\"ex\">x</span>\n <span role=\"columnheader\">x</span>\n <span role=\"columnheader\">x</span>\n </div>\n </div>\n <div role=\"rowgroup\">\n <div role=\"row\">\n <span role=\"rowheader\" data-testname=\"role is rowheader (in row, in rowgroup, in grid)\" data-expectedrole=\"rowheader\" class=\"ex\">x</span>\n <span role=\"gridcell\" data-testname=\"role is gridcell (in row, in rowgroup, in grid)\" data-expectedrole=\"gridcell\" class=\"ex\">x</span>\n <span role=\"gridcell\">x</span>\n </div>\n </div>\n </div>",-1 1272 "filename": "listbox-roles.html", -1 1273 "title": "Listbox-related Role Verification Tests", -1 1274 "html": "<style type=\"text/css\"></style><p>Tests <a href=\"https://w3c.github.io/aria/#listbox\">listbox</a> and related roles.</p>\n\n<div role=\"listbox\" data-testname=\"div role is listbox\" data-expectedrole=\"listbox\" class=\"ex\">\n <div role=\"option\" data-testname=\"role is option (in div listbox)\" data-expectedrole=\"option\" class=\"ex\">x</div>\n <div role=\"group\" data-testname=\"role is group (in div listbox)\" data-expectedrole=\"group\" class=\"ex\">\n <span role=\"option\" data-testname=\"role is option (in group, in div listbox)\" data-expectedrole=\"option\" class=\"ex\">x</span>\n <span role=\"option\">x</span>\n </div>\n <div role=\"option\">x</div>\n</div>\n\n<ul role=\"listbox\" data-testname=\"ul role is listbox\" data-expectedrole=\"listbox\" class=\"ex\">\n <li role=\"option\" data-testname=\"li role is option (in ul listbox)\" data-expectedrole=\"option\" class=\"ex\">\n x\n </li>\n <li role=\"option\">\n x\n </li>\n</ul>", 1263 1275 "selector": ".ex" 1264 1276 }, 1265 1277 { @@ -1282,15 +1294,9 @@ window.wpt["wai-aria"] = [ 1282 1294 "selector": ".ex-generic" 1283 1295 }, 1284 1296 {1285 -1 "filename": "abstract-roles.html",1286 -1 "title": "Abstract Role Verification Tests",1287 -1 "html": "<style type=\"text/css\"></style><p>Tests <a href=\"https://w3c.github.io/aria/#abstract_roles\">Abstract Roles</a> and related <a href=\"https://w3c.github.io/aria/#document-handling_author-errors_roles\">9.1 Roles - handling author errors</a></p>\n\n <nav role=\"command\" data-testname=\"command role\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n <nav role=\"composite\" data-testname=\"composite role\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n <nav role=\"input\" data-testname=\"input role\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n <nav role=\"landmark\" data-testname=\"landmark role\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n <nav role=\"range\" data-testname=\"range role\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n <nav role=\"roletype\" data-testname=\"roletype role\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n <nav role=\"section\" data-testname=\"section role\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n <nav role=\"sectionhead\" data-testname=\"sectionhead role\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n <nav role=\"select\" data-testname=\"select role\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n <nav role=\"structure\" data-testname=\"structure role\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n <nav role=\"widget\" data-testname=\"widget role\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n <nav role=\"window\" data-testname=\"window role\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>",1288 -1 "selector": ".ex"1289 -1 },1290 -1 {1291 -1 "filename": "fallback-roles.html",1292 -1 "title": "Fallback Role Verification Tests",1293 -1 "html": "<style type=\"text/css\"></style><p>Tests <a href=\"https://w3c.github.io/aria/#host_general_role\">8.1 Role Attribute</a> role token list selection and <a href=\"https://w3c.github.io/aria/#document-handling_author-errors_roles\">9.1 Roles - handling author errors</a>.</p>\n\n <!-- known el and two known ARIA 1.0 roles -->\n <nav role=\"region group\" data-testname=\"fallback role w/ region with no label\" data-expectedrole=\"group\" class=\"ex\">x</nav>\n <nav role=\"region group\" data-testname=\"fallback role w/ region with label\" aria-label=\"x\" data-expectedrole=\"region\" class=\"ex\">x</nav>\n\n <!-- known el and known ARIA 1.1 with 1.0 role backup -->\n <div role=\"switch checkbox\" aria-checked=\"true\" data-testname=\"aria 1.1 switch role w/ fallback to aria 1.0 checkbox role\" aria-label=\"x\" data-expectedrole=\"switch\" class=\"ex\">x</div>\n\n <!-- known el and invalid role token with valid backup -->\n <div role=\"foo button\" data-testname=\"div[role=button] ignoring invalid foo role token\" aria-label=\"x\" data-expectedrole=\"button\" class=\"ex\">x</div>\n\n <!-- unknown el and invalid role token with valid backup -->\n <unknown role=\"foo button\" data-testname=\"unknown[role=button] ignoring invalid foo role token\" aria-label=\"x\" data-expectedrole=\"button\" class=\"ex\">x</unknown>\n\n <!-- known el and invalid role(s) -->\n <button role=\"foo\" data-testname=\"button ignoring single invalid role token\" aria-label=\"x\" data-expectedrole=\"button\" class=\"ex\">x</unknown>\n <button role=\"foo bar\" data-testname=\"button ignoring multiple invalid role tokens\" aria-label=\"x\" data-expectedrole=\"button\" class=\"ex\">x</unknown>\n\n <!-- known el with invalid punctuation -->\n <div role=\"invalid, punctuation, tests, link, button\" data-testname=\"div[role=button] ignoring invalid foo role token including punctuation-contaminated known link role\" aria-label=\"x\" data-expectedrole=\"button\" class=\"ex\">x</div>\n\n\n\n <!-- extra line breaks here to account for rendering of unicode diacritic etc char glitch tests -->\n\n\n\n <div role=\"l\u0337\u0357\u030c\u0303\u035d\u0350\u0314\u031a\u0344\u0316\u033b\u0317\u0324\u033a\u031f\u0331\u035a\u0354\u0347\u034d\u0347\u032b\u0328\u0322\u032b\u031c\u0354\u0317\u031f\u0318\u032b\u031f\u0330\u0321\u033c\u0318i\u0335\u035d\u0342\u0358\u030d\u0350\u0314\u030d\u034c\u0310\u0307\u030f\u030e\u0328\u0332\u0321\u032f\u0320\u032e\u0348\u0356\u0325\u032e\u0332\u0353\u0326\u0317\u0317\u0331\u031e\u034d\u0317\u032a\u0359\u0347\u035an\u0336\u0300\u0342\u0343\u030b\u030a\u031c\u0332\u032b\u0347\u032e\u0349\u032c\u035c\u034e\u034e\u0355\u031d\u0331\u0354\u0319\u0328\u0331\u0326\u0327\u0330\u0326\u0320\u0330\u0322\u0323\u031dk\u0337\u0300\u0352\u0306\u0351\u0312\u0305\u0315\u0351\u0313\u0312\u0342\u033d\u0344\u033d\u0309\u0358\u0340\u035d\u0318\u0333\u0355\u0330\u034e\u032e\u0327\u0320\u0327\u0318\u032a\u0327\u0328\u0347\u0355\u0325\u032d\u035c\u033c\u033c\u031c\u0324\u032b\u0328\u0325\u0328\u033c\u0324\u0330\u0326\u0356\u032a \u0337\u0350\u0342\u0301\u035b\u0303\u0341\u030a\u0308\u034c\u0315\u0304\u0343\u031a\u030c\u0302\u035d\u0308\u0307\u0340\u030c\u0344\u0301\u0300\u0344\u030d\u0344\u0307\u0304\u030a\u0360\u0314\u0352\u033e\u033e\u0307\u0301\u0352\u033d\u0342\u033e\u032e\u0326\u0345\u0318\u0353\u032b\u031c\u0355\u0356\u0330\u035c\u0319\u0318\u0345\u0353\u0321\u033c\u034e\u0333\u0339\u0347\u032e\u035cg\u0338\u034b\u0351\u035d\u0311\u0315\u0343\u035b\u0313\u0309\u0314\u0309\u0351\u0307\u0301\u0344\u0309\u0303\u0301\u0311\u030d\u035d\u031b\u0302\u0315\u0312\u0350\u031a\u035b\u0357\u0311\u030f\u0343\u031a\u033e\u034c\u0308\u0305\u0301\u0307\u033a\u0328\u0326\u0323\u0327\u0347\u0348\u0359\u0347\u0327\u0327\u034e\u0355\u0320\u031e\u0333\u0339\u0345\u0327\u0323r\u0336\u030b\u033e\u0340\u0358\u0360\u0301\u0341\u0312\u0340\u0340\u0351\u0358\u030e\u0340\u030c\u031b\u0308\u0300\u030d\u0360\u0302\u030f\u030a\u030e\u0350\u0358\u0352\u0357\u0357\u0340\u0324\u0332\u0318\u032e\u031f\u032d\u0332o\u0334\u030f\u030a\u034b\u0350\u0310\u0346\u0358\u0308\u033f\u0312\u030a\u0304\u0351\u0344\u0314\u034b\u0314\u0303\u0350\u0343\u0313\u0360\u035b\u0358\u0301\u034a\u0309\u0351\u030a\u0314\u0346\u031e\u031d\u0320\u0319\u0327\u032c\u0321\u0322\u0317\u034d\u034d\u0349\u0321\u033a\u0354\u0359\u0322\u032b\u031d\u0330\u032e\u031c\u0329\u035c\u0319\u0345\u0333\u0349\u033b\u033b\u033c\u034du\u0334\u0307\u0308\u0360\u0352\u0331\u032f\u031e\u031e\u031e\u033a\u033c\u0333\u0333\u035a\u031ep\u0336\u035d\u0302\u0310\u030c\u030f\u034c\u0344\u035d\u0357\u033e\u035d\u034c\u033f\u0313\u0358\u0352\u030b\u0306\u0346\u031a\u033e\u035b\u031b\u0310\u0344\u0343\u034b\u0300\u0349\u032e\u0319\u032f\u032e\u0331\u0349\u0316\u035a\u0349\u0329\u0331\u033a\u0329\u0326\u033a\u0348\u032b\u034d\u0354\u0332\u0323\u0317\u031f\u031c \u0336\u030d\u0344\u0357\u0350\u0300\u030a\u030f\u035b\u0303\u0344\u034b\u035d\u0305\u0354\u035a\u0329\u032c\u0348 button\" data-testname=\"div[role=button] ignoring invalid unicode diacritics etc on link and group role tokens\" aria-label=\"x\" data-expectedrole=\"button\" class=\"ex\">x</div>\n\n\n <!-- known el and known role with whitespace edge cases -->\n <div role=\" button\" data-testname=\"div[role=button] ignoring tab char\" aria-label=\"x\" data-expectedrole=\"button\" class=\"ex\">x</div>\n <div role=\"\nbutton\" data-testname=\"div[role=button] ignoring line break\" aria-label=\"x\" data-expectedrole=\"button\" class=\"ex\">x</div>\n <div role=\"\u2800 button\" data-testname=\"div[role=button] ignoring braille whitespace char\" aria-label=\"x\" data-expectedrole=\"button\" class=\"ex\">x</div>",-1 1297 "filename": "form-roles.html", -1 1298 "title": "Form Role Verification Tests", -1 1299 "html": "<style type=\"text/css\"></style><p>Verifies <a href=\"https://w3c.github.io/aria/#document-handling_author-errors_roles\">9.1 Roles - handling author errors</a> and the <a href=\"https://w3c.github.io/aria/#form\">form</a> role.</p>\n\n\n<!-- no label -->\n<nav role=\"form\" data-testname=\"form without label\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n\n<!-- w/ label -->\n<nav role=\"form\" data-testname=\"form with label\" data-expectedrole=\"form\" aria-label=\"x\" class=\"ex\">x</nav>", 1294 1300 "selector": ".ex" 1295 1301 } 1296 1302 ]; @@ -1305,11 +1311,17 @@ window.wpt["graphics-aria"] = [ 1305 1311 window.wpt["dpub-aria"] = []; 1306 1312 window.wpt["core-aam"] = [ 1307 1313 {1308 -1 "filename": "aria-label-manual.html",1309 -1 "title": "aria-label",1310 -1 "html": "<p>This test examines the ARIA properties for aria-label.</p>\n <div role='group' id='test' aria-label='hello world'>content</div>",1311 -1 "selector": "#test",1312 -1 "name": "hello world"-1 1314 "filename": "roles-contextual.html", -1 1315 "title": "Core AAM Contextual-Specific Role Verification Tests", -1 1316 "html": "<style type=\"text/css\"></style><p>Tests contextual computed role mappings defined in <a href=\"https://w3c.github.io/core-aam/\">HTML AAM</a>, where the returned computed role is expected to change based on the context. Most test names correspond to a unique ID defined in the spec.<p>\n\n<p>These should remain in alphabetical order.</code></p>\n\n<!-- role-map-region and role-map-region-nameless -->\n<div role=\"region\" data-testname=\"role-map-region\" aria-label=\"x\" data-expectedrole=\"region\" class=\"ex\">x</div>\n<div role=\"region\" data-testname=\"role-map-region-nameless\" class=\"ex-generic\">x</div>\n<div role=\"region\" data-testname=\"role-map-region-aria-label-empty\" class=\"ex-generic\" aria-label=\"\">x</div>\n<div role=\"region\" data-testname=\"role-map-region-aria-label-whitespace\" class=\"ex-generic\" aria-label=\" \">x</div>\n<div role=\"region\" data-testname=\"role-map-region-aria-labelledby\" data-expectedrole=\"region\" class=\"ex\" aria-labelledby=\"labelledby\">x</div>\n<div role=\"region\" data-testname=\"role-map-region-aria-labelledby-non-existing\" class=\"ex-generic\" aria-labelledby=\"non-existing\">x</div>\n<div role=\"region\" data-testname=\"role-map-region-aria-labelledby-empty\" class=\"ex-generic\" aria-labelledby=\"empty\">x</div>\n<div role=\"region\" data-testname=\"role-map-region-aria-labelledby-whitespace\" class=\"ex-generic\" aria-labelledby=\"space\">x</div>\n<div role=\"region\" data-testname=\"role-map-region-title\" data-expectedrole=\"region\" title=\"x\" class=\"ex\">x</div>\n<div role=\"region\" data-testname=\"role-map-region-title-empty\" class=\"ex-generic\" title=\"\">x</div>\n<div role=\"region\" data-testname=\"role-map-region-title-whitespace\" class=\"ex-generic\" title=\" \">x</div>\n\n<!-- element to reference for aria-labelledby tests -->\n<div id=\"labelledby\">labelledby</div>\n<div id=\"empty\"></div>\n<div id=\"space\"> </div>", -1 1317 "selector": ".ex" -1 1318 }, -1 1319 { -1 1320 "filename": "roles-contextual.html", -1 1321 "title": "Core AAM Contextual-Specific Role Verification Tests", -1 1322 "html": "<style type=\"text/css\"></style><p>Tests contextual computed role mappings defined in <a href=\"https://w3c.github.io/core-aam/\">HTML AAM</a>, where the returned computed role is expected to change based on the context. Most test names correspond to a unique ID defined in the spec.<p>\n\n<p>These should remain in alphabetical order.</code></p>\n\n<!-- role-map-region and role-map-region-nameless -->\n<div role=\"region\" data-testname=\"role-map-region\" aria-label=\"x\" data-expectedrole=\"region\" class=\"ex\">x</div>\n<div role=\"region\" data-testname=\"role-map-region-nameless\" class=\"ex-generic\">x</div>\n<div role=\"region\" data-testname=\"role-map-region-aria-label-empty\" class=\"ex-generic\" aria-label=\"\">x</div>\n<div role=\"region\" data-testname=\"role-map-region-aria-label-whitespace\" class=\"ex-generic\" aria-label=\" \">x</div>\n<div role=\"region\" data-testname=\"role-map-region-aria-labelledby\" data-expectedrole=\"region\" class=\"ex\" aria-labelledby=\"labelledby\">x</div>\n<div role=\"region\" data-testname=\"role-map-region-aria-labelledby-non-existing\" class=\"ex-generic\" aria-labelledby=\"non-existing\">x</div>\n<div role=\"region\" data-testname=\"role-map-region-aria-labelledby-empty\" class=\"ex-generic\" aria-labelledby=\"empty\">x</div>\n<div role=\"region\" data-testname=\"role-map-region-aria-labelledby-whitespace\" class=\"ex-generic\" aria-labelledby=\"space\">x</div>\n<div role=\"region\" data-testname=\"role-map-region-title\" data-expectedrole=\"region\" title=\"x\" class=\"ex\">x</div>\n<div role=\"region\" data-testname=\"role-map-region-title-empty\" class=\"ex-generic\" title=\"\">x</div>\n<div role=\"region\" data-testname=\"role-map-region-title-whitespace\" class=\"ex-generic\" title=\" \">x</div>\n\n<!-- element to reference for aria-labelledby tests -->\n<div id=\"labelledby\">labelledby</div>\n<div id=\"empty\"></div>\n<div id=\"space\"> </div>", -1 1323 "role": "generic", -1 1324 "selector": ".ex-generic" 1313 1325 }, 1314 1326 { 1315 1327 "filename": "aria-labelledby-manual.html", @@ -1326,6 +1338,13 @@ window.wpt["core-aam"] = [ 1326 1338 "description": "hello world" 1327 1339 }, 1328 1340 { -1 1341 "filename": "aria-label-manual.html", -1 1342 "title": "aria-label", -1 1343 "html": "<p>This test examines the ARIA properties for aria-label.</p>\n <div role='group' id='test' aria-label='hello world'>content</div>", -1 1344 "selector": "#test", -1 1345 "name": "hello world" -1 1346 }, -1 1347 { 1329 1348 "filename": "rowgroup-no-name-from-contents-manual.html", 1330 1349 "title": "rowgroup no name from contents", 1331 1350 "html": "<p>This test examines the ARIA properties for rowgroup with no author-provided name.</p>\n <div role='grid'>\n <div role='rowgroup' id='test'>\n <div role='row'>\n <div role='cell'>content</div>\n </div>\n <div role='row'>\n <div role='cell'>content</div>\n </div>\n </div>\n </div>", @@ -1337,15 +1356,15 @@ window.wpt["graphics-aam"] = []; 1337 1356 window.wpt["dpub-aam"] = []; 1338 1357 window.wpt["html-aam"] = [ 1339 1358 {1340 -1 "filename": "roles.html",1341 -1 "title": "HTML-AAM Role Verification Tests",1342 -1 "html": "<style type=\"text/css\"></style><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>\n\n<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><!-- caption -> ./table-roles.html --></code></p>\n\n\n<!-- a (w/ and w/o href) -> ./roles-contextual.html -->\n<!-- todo: abbr -->\n<address data-testname=\"el-address\" data-expectedrole=\"group\" class=\"ex\">x</address>\n<!-- area -> ./fragile/area-role.html -->\n<article data-testname=\"el-article\" data-expectedrole=\"article\" class=\"ex\">x</article>\n<!-- aside -> ./roles-contextual.html -->\n<!-- todo: audio -->\n<!-- todo: autonomous custom element -->\n<!-- b -> ./roles-generic.html -->\n<!-- base (not mapped) -->\n<!-- bdi -> ./roles-generic.html -->\n<!-- bdo -> ./roles-generic.html -->\n<blockquote data-testname=\"el-blockquote\" data-expectedrole=\"blockquote\" class=\"ex\">x</blockquote>\n<!-- todo: body -->\n<!-- br (not mapped) -->\n<button data-testname=\"el-button\" data-expectedrole=\"button\" class=\"ex\">x</button>\n<!-- todo: canvas -->\n<!-- caption -> ./table-roles.html -->\n<!-- todo: cite -->\n<code data-testname=\"el-code\" data-expectedrole=\"code\" class=\"ex\">x</code>\n<!-- todo: col -->\n<!-- todo: colgroup -->\n<!-- data -> ./roles-generic.html -->\n<!-- todo: datalist -->\n\n<!-- el-dd -->\n<dl>\n <dt>x</dt>\n <!-- dt/dd pending listitemkey and listitemvalue roles: https://github.com/w3c/aria/issues/1662 -->\n <dd data-testname=\"el-dd\" data-expectedrole=\"definition\" class=\"ex\">x</dd>\n</dl>\n\n<del data-testname=\"el-del\" data-expectedrole=\"deletion\" class=\"ex\">x</del>\n<details data-testname=\"el-details\" data-expectedrole=\"group\" class=\"ex\"><summary>x</summary>x</details>\n<dfn data-testname=\"el-dfn\" data-expectedrole=\"term\" class=\"ex\">x</dfn>\n<!-- dir -> ./dir-role.tentative.html -->\n<!-- div -> ./roles-generic.html -->\n<!-- todo: dl -->\n\n<!-- el-dt -->\n<dl>\n <!-- dt/dd pending listitemkey and listitemvalue roles: https://github.com/w3c/aria/issues/1662 -->\n <dt data-testname=\"el-dt\" data-expectedrole=\"term\" class=\"ex\">x</dt>\n <dd>x</dd>\n</dl>\n\n<em data-testname=\"el-em\" data-expectedrole=\"emphasis\" class=\"ex\">x</em>\n<!-- todo: embed -->\n<fieldset data-testname=\"el-fieldset\" data-expectedrole=\"group\" class=\"ex\"><legend>x</legend><input></fieldset>\n<!-- todo: figcaption -->\n<figure data-testname=\"el-figure\" data-expectedrole=\"figure\" class=\"ex\"><img alt=\"x\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\"><figcaption>x</figcaption></figure>\n<!-- footer -> ./roles-contextual.html -->\n<form aria-label=\"form\" data-testname=\"el-form\" data-expectedrole=\"form\" class=\"ex\"><input></form>\n<!-- todo: form-associated custom element -->\n\n<!-- el-h1-h6 -->\n<h1 data-testname=\"el-h1\" data-expectedrole=\"heading\" class=\"ex\">x</h1>\n<h2 data-testname=\"el-h2\" data-expectedrole=\"heading\" class=\"ex\">x</h2>\n<h3 data-testname=\"el-h3\" data-expectedrole=\"heading\" class=\"ex\">x</h3>\n<h4 data-testname=\"el-h4\" data-expectedrole=\"heading\" class=\"ex\">x</h4>\n<h5 data-testname=\"el-h5\" data-expectedrole=\"heading\" class=\"ex\">x</h5>\n<h6 data-testname=\"el-h6\" data-expectedrole=\"heading\" class=\"ex\">x</h6>\n\n<!-- head (not mapped) -->\n\n<!-- header -> ./roles-contextual.html -->\n<hgroup data-testname=\"el-hgroup\" data-expectedrole=\"group\" class=\"ex\"><h1>x</h1></hgroup>\n<hr data-testname=\"el-hr\" data-expectedrole=\"separator\" class=\"ex\">\n<!-- todo: html -->\n<!-- i -> ./roles-generic.html -->\n<!-- todo: iframe -->\n<img alt=\"x\" data-testname=\"el-img\" data-expectedrole=\"image\" class=\"ex\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\">\n\n<!-- Implementations might also be valid if ignored rather than returning 'none' for the following images. -->\n<img alt data-testname=\"el-img-alt-no-value\" class=\"ex-generic\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\">\n<img alt=\"\" data-testname=\"el-img-empty-alt\" class=\"ex-generic\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\">\n\n<input type=\"button\" value=\"x\" data-testname=\"el-input-button\" data-expectedrole=\"button\" class=\"ex\">\n<input type=\"checkbox\" data-testname=\"el-input-checkbox\" data-expectedrole=\"checkbox\" class=\"ex\">\n<!-- todo: input type=\"color\" -->\n<!-- todo: input type=\"date\" -->\n<!-- todo: input type=\"datetime\" -->\n<!-- todo: input type=\"datetime-local\" -->\n<input type=\"email\" data-testname=\"el-input-email\" data-expectedrole=\"textbox\" class=\"ex\">\n<!-- todo: input type=\"file\" -->\n<!-- input type=\"hidden\" (not mapped) -->\n<!-- todo: input type=\"month\" -->\n\n<!-- Blocked: HTML-AAM Issue #467 -->\n<!-- <input type=\"number\" data-testname=\"el-input-number\" data-expectedrole=\"spinbutton\" class=\"ex\"> -->\n\n<!-- todo: input type=\"password\" -->\n<input type=\"radio\" data-testname=\"el-input-radio\" data-expectedrole=\"radio\" class=\"ex\">\n<input type=\"range\" data-testname=\"el-input-range\" data-expectedrole=\"slider\" class=\"ex\">\n<input type=\"reset\" value=\"x\" data-testname=\"el-input-reset\" data-expectedrole=\"button\" class=\"ex\">\n<input type=\"search\" data-testname=\"el-input-search\" data-expectedrole=\"searchbox\" class=\"ex\">\n<input type=\"submit\" value=\"x\" data-testname=\"el-input-submit\" data-expectedrole=\"button\" class=\"ex\">\n<input type=\"tel\" data-testname=\"el-input-tel\" data-expectedrole=\"textbox\" class=\"ex\">\n<input type=\"text\" data-testname=\"el-input-text\" data-expectedrole=\"textbox\" class=\"ex\">\n<!-- todo: input (type attribute in the Text, Search, Telephone, URL, or E-mail states with a suggestions source element) -->\n<!-- todo: input type=\"time\" -->\n<input type=\"url\" data-testname=\"el-input-url\" data-expectedrole=\"textbox\" class=\"ex\">\n<!-- todo: input type=\"week\" -->\n<ins data-testname=\"el-ins\" data-expectedrole=\"insertion\" class=\"ex\">x</ins>\n<!-- todo: kbd -->\n<!-- todo: label -->\n<!-- todo: legend -->\n\n<!-- el-li -->\n<!-- li (orphaned) -> ./roles-generic.html -->\n<ul><li data-testname=\"el-li-in-ul\" data-expectedrole=\"listitem\" class=\"ex\">x</li><li>x</li></ul>\n<ol><li data-testname=\"el-li-in-ol\" data-expectedrole=\"listitem\" class=\"ex\">x</li><li>x</li></ol>\n\n<!-- link (not mapped) -->\n<main data-testname=\"el-main\" data-expectedrole=\"main\" class=\"ex\">x</main>\n<!-- map (not mapped) -->\n<mark data-testname=\"el-mark\" data-expectedrole=\"mark\" class=\"ex\">x</mark>\n<!-- todo: math -->\n<menu data-testname=\"el-menu\" data-expectedrole=\"list\" class=\"ex\"><li>x</li></menu>\n<!-- meta (not mapped) -->\n<meter data-testname=\"el-meter\" data-expectedrole=\"meter\" class=\"ex\" min=\"0\" max=\"100\" low=\"20\" high=\"80\" optimum=\"60\" value=\"50\">x</meter>\n<nav data-testname=\"el-nav\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<!-- noscript (not mapped) -->\n<!-- object (not mapped) -->\n<ol data-testname=\"el-ol\" data-expectedrole=\"list\" class=\"ex\"><li>x</li><li>x</li></ol>\n\n<!-- optgroup -> ./fragile/optgroup-role.html -->\n\n<!-- option -->\n<select>\n <option data-testname=\"el-option\" data-expectedrole=\"option\" class=\"ex\">x</option>\n <option>x</option>\n</select>\n\n<output data-testname=\"el-output\" data-expectedrole=\"status\" class=\"ex\">x</output>\n<p data-testname=\"el-p\" data-expectedrole=\"paragraph\" class=\"ex\">x</p>\n<!-- param (not mapped) -->\n<!-- todo: picture -->\n<!-- pre -> ./roles-generic.html -->\n<progress data-testname=\"el-progress\" data-expectedrole=\"progressbar\" class=\"ex\">x</progress>\n<!-- q -> ./roles-generic.html -->\n<!-- todo: rp -> /ruby-aam? -->\n<!-- todo: rt -> /ruby-aam? -->\n<!-- todo: ruby -> /ruby-aam? -->\n<s data-testname=\"el-s\" data-expectedrole=\"deletion\" class=\"ex\">x</s>\n<!-- samp -> ./roles-generic.html -->\n<!-- script (not mapped) -->\n<search data-testname=\"el-search\" data-expectedrole=\"search\" class=\"ex\">x</search>\n<!-- section -> ./roles-contextual.html -->\n\n<!-- Blocked: HTML-AAM Issue #467 -->\n<!-- <select data-testname=\"el-select-combobox\" data-expectedrole=\"combobox\" class=\"ex\"><option>a1</option><option>a2</option></select>-->\n\n<select data-testname=\"el-select-listbox\" size=\"2\" data-expectedrole=\"listbox\" class=\"ex\"><option>b1</option><option>b2</option></select>\n\n<!-- slot (not mapped) -->\n<!-- small -> ./roles-generic.html -->\n<!-- source (not mapped) -->\n<!-- span -> ./roles-generic.html -->\n<strong data-testname=\"el-strong\" data-expectedrole=\"strong\" class=\"ex\">x</strong>\n<!-- style (not mapped) -->\n<sub data-testname=\"el-sub\" data-expectedrole=\"subscript\" class=\"ex\">x</sub>\n<!-- todo: summary -->\n<sup data-testname=\"el-sup\" data-expectedrole=\"superscript\" class=\"ex\">x</sup>\n<!-- todo: svg (see /graphics-aam and /svg-aam tests) -->\n<!-- table -> ./table-roles.html -->\n<!-- tbody -> ./table-roles.html -->\n<!-- td -> ./table-roles.html -->\n<!-- template (not mapped) -->\n<!-- tfoot -> ./table-roles.html -->\n<!-- th -> ./table-roles.html -->\n<!-- thead -> ./table-roles.html -->\n<time data-testname=\"el-time\" data-expectedrole=\"time\" class=\"ex\">x</time>\n<!-- title (not mapped) -->\n<!-- tr -> ./table-roles.html -->\n<textarea data-testname=\"el-textarea\" data-expectedrole=\"textbox\" class=\"ex\">x</textarea>\n<!-- track (not mapped) -->\n<!-- u -> ./roles-generic.html -->\n<ul data-testname=\"el-ul\" data-expectedrole=\"list\" class=\"ex\"><li>x</li><li>x</li></ul>\n<!-- var (not mapped) -->\n<!-- todo: video -->\n<!-- wbr (not mapped) -->",-1 1359 "filename": "roles-contextual.html", -1 1360 "title": "HTML-AAM Contextual-Specific Role Verification Tests", -1 1361 "html": "<style type=\"text/css\"></style><p>Tests contextual computed role mappings defined in <a href=\"https://w3c.github.io/html-aam/\">HTML-AAM</a>, where the returned computed role is expected to change based on the context. Most test names correspond to a unique ID defined in the spec.<p>\n\n<p>These should remain in alphabetical order.</code></p>\n\n\n<!-- el-a -->\n<a href=\"#\" data-testname=\"el-a\" data-expectedrole=\"link\" class=\"ex\">x</a>\n<a data-testname=\"el-a-no-href\" class=\"ex-generic\">x</a>\n\n<!-- el-aside -->\n<aside data-testname=\"el-aside\" data-expectedrole=\"complementary\" class=\"ex\">x</aside>\n<main>\n <aside data-testname=\"el-aside-in-main\" data-expectedrole=\"complementary\" class=\"ex\">x</aside>\n <article>\n <aside data-testname=\"el-aside-in-article-in-main\" class=\"ex-generic\">x</aside>\n <aside data-testname=\"el-aside-in-article-in-main-with-name\" data-expectedrole=\"complementary\" aria-label=\"x\" class=\"ex\">x</aside>\n </article>\n</main>\n<article>\n <aside data-testname=\"el-aside-in-article\" class=\"ex-generic\">x</aside>\n <aside data-testname=\"el-aside-in-article-with-name\" data-expectedrole=\"complementary\" aria-label=\"x\" class=\"ex\">x</aside>\n</article>\n<aside>\n <aside data-testname=\"el-aside-in-aside\" class=\"ex-generic\">x</aside>\n <aside data-testname=\"el-aside-in-aside-with-name\" data-expectedrole=\"complementary\" aria-label=\"x\" class=\"ex\">x</aside>\n</aside>\n<nav>\n <aside data-testname=\"el-aside-in-nav\" class=\"ex-generic\">x</aside>\n <aside data-testname=\"el-aside-in-nav-with-name\" data-expectedrole=\"complementary\" aria-label=\"x\" class=\"ex\">x</aside>\n <aside data-testname=\"el-aside-in-nav-with-role\" data-expectedrole=\"complementary\" class=\"ex\" role=\"complementary\">x</aside>\n</nav>\n<!-- Spec says that the conditional aside mapping happens when nested in a sectioning content element.\n However, this doesn't make sense if the parent <section> isn't a landmark in the first place.\n Let's force the section to always be a landmark for now, but we should probably expand on this test\n case pending discussions in https://github.com/w3c/html-aam/pull/484 -->\n<section aria-label=\"x\">\n <aside data-testname=\"el-aside-in-section\" class=\"ex-generic\">x</aside>\n <aside data-testname=\"el-aside-in-section-with-name\" data-expectedrole=\"complementary\" aria-label=\"x\" class=\"ex\">x</aside>\n <aside data-testname=\"el-aside-in-section-aria-label-empty\" class=\"ex-generic\" aria-label=\"\">x</aside>\n <aside data-testname=\"el-aside-in-section-aria-label-whitespace\" class=\"ex-generic\" aria-label=\" \">x</aside>\n <aside data-testname=\"el-aside-in-section-aria-labelledby\" data-expectedrole=\"complementary\" class=\"ex\" aria-labelledby=\"labelledby\">x</aside>\n <aside data-testname=\"el-aside-in-section-aria-labelledby-non-existing\" class=\"ex-generic\" aria-labelledby=\"non-existing\">x</aside>\n <aside data-testname=\"el-aside-in-section-aria-labelledby-empty\" class=\"ex-generic\" aria-labelledby=\"empty\">x</aside>\n <aside data-testname=\"el-aside-in-section-aria-labelledby-whitespace\" class=\"ex-generic\" aria-labelledby=\"space\">x</aside>\n <aside data-testname=\"el-aside-in-section-title\" data-expectedrole=\"complementary\" title=\"x\" class=\"ex\">x</aside>\n <aside data-testname=\"el-aside-in-section-title-empty\" class=\"ex-generic\" title=\"\">x</aside>\n <aside data-testname=\"el-aside-in-section-title-whitespace\" class=\"ex-generic\" title=\" \">x</aside>\n</section>\n\n<!-- el-footer -->\n<!-- nav>footer -> ./roles-contextual.tentative.html -->\n<footer data-testname=\"el-footer-ancestorbody\" data-expectedrole=\"contentinfo\" class=\"ex\">x</footer>\n<!-- main>footer -> ./roles-contextual.tentative.html -->\n\n<!-- el-header -->\n<!-- nav>header -> ./roles-contextual.tentative.html -->\n<header data-testname=\"el-header-ancestorbody\" data-expectedrole=\"banner\" class=\"ex\">x</header>\n<!-- main>header -> ./roles-contextual.tentative.html -->\n\n<!-- el-img-empty-alt -->\n<img data-testname=\"el-img-no-name\" data-expectedrole=\"image\" class=\"ex\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\">\n<!-- img empty alt -> ./roles.html -->\n<img data-testname=\"el-img-empty-alt-aria-label\" data-expectedrole=\"image\" class=\"ex\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\" alt aria-label=\"x\">\n<img data-testname=\"el-img-empty-alt-aria-label-empty\" class=\"ex-generic\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\" alt aria-label=\"\">\n<img data-testname=\"el-img-empty-alt-aria-label-whitespace\" class=\"ex-generic\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\" alt aria-label=\" \">\n<img data-testname=\"el-img-empty-alt-aria-labelledby\" data-expectedrole=\"image\" class=\"ex\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\" alt aria-labelledby=\"labelledby\">\n<img data-testname=\"el-img-empty-alt-aria-labelledby-non-existing\" class=\"ex-generic\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\" alt aria-labelledby=\"non-existing\">\n<img data-testname=\"el-img-empty-alt-aria-labelledby-empty\" class=\"ex-generic\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\" alt aria-labelledby=\"empty\">\n<img data-testname=\"el-img-empty-alt-aria-labelledby-whitespace\" class=\"ex-generic\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\" alt aria-labelledby=\"space\">\n<img data-testname=\"el-img-empty-alt-title\" class=\"ex-generic\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\" alt title=\"x\">\n<img data-testname=\"el-img-empty-alt-title-empty\" class=\"ex-generic\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\" alt title=\"\">\n<img data-testname=\"el-img-empty-alt-title-whitespace\" class=\"ex-generic\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\" alt title=\" \">\n\n\n<!-- el-section -->\n<section data-testname=\"el-section\" aria-label=\"x\" data-expectedrole=\"region\" class=\"ex\">x</section>\n<section data-testname=\"el-section-no-name\" class=\"ex-generic\">x</section>\n<section data-testname=\"el-section-aria-label-empty\" class=\"ex-generic\" aria-label=\"\">x</section>\n<section data-testname=\"el-section-aria-label-whitespace\" class=\"ex-generic\" aria-label=\" \">x</section>\n<section data-testname=\"el-section-aria-labelledby\" data-expectedrole=\"region\" class=\"ex\" aria-labelledby=\"labelledby\">x</section>\n<section data-testname=\"el-section-aria-labelledby-non-existing\" class=\"ex-generic\" aria-labelledby=\"non-existing\">x</section>\n<section data-testname=\"el-section-aria-labelledby-empty\" class=\"ex-generic\" aria-labelledby=\"empty\">x</section>\n<section data-testname=\"el-section-aria-labelledby-whitespace\" class=\"ex-generic\" aria-labelledby=\"space\">x</section>\n<section data-testname=\"el-section-title\" data-expectedrole=\"region\" title=\"x\" class=\"ex\">x</section>\n<section data-testname=\"el-section-title-empty\" class=\"ex-generic\" title=\"\">x</section>\n<section data-testname=\"el-section-title-whitespace\" class=\"ex-generic\" title=\" \">x</section>\n\n<!-- element to reference for aria-labelledby tests -->\n<div id=\"labelledby\">labelledby</div>\n<div id=\"empty\"></div>\n<div id=\"space\"> </div>", 1343 1362 "selector": ".ex" 1344 1363 }, 1345 1364 {1346 -1 "filename": "roles.html",1347 -1 "title": "HTML-AAM Role Verification Tests",1348 -1 "html": "<style type=\"text/css\"></style><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>\n\n<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><!-- caption -> ./table-roles.html --></code></p>\n\n\n<!-- a (w/ and w/o href) -> ./roles-contextual.html -->\n<!-- todo: abbr -->\n<address data-testname=\"el-address\" data-expectedrole=\"group\" class=\"ex\">x</address>\n<!-- area -> ./fragile/area-role.html -->\n<article data-testname=\"el-article\" data-expectedrole=\"article\" class=\"ex\">x</article>\n<!-- aside -> ./roles-contextual.html -->\n<!-- todo: audio -->\n<!-- todo: autonomous custom element -->\n<!-- b -> ./roles-generic.html -->\n<!-- base (not mapped) -->\n<!-- bdi -> ./roles-generic.html -->\n<!-- bdo -> ./roles-generic.html -->\n<blockquote data-testname=\"el-blockquote\" data-expectedrole=\"blockquote\" class=\"ex\">x</blockquote>\n<!-- todo: body -->\n<!-- br (not mapped) -->\n<button data-testname=\"el-button\" data-expectedrole=\"button\" class=\"ex\">x</button>\n<!-- todo: canvas -->\n<!-- caption -> ./table-roles.html -->\n<!-- todo: cite -->\n<code data-testname=\"el-code\" data-expectedrole=\"code\" class=\"ex\">x</code>\n<!-- todo: col -->\n<!-- todo: colgroup -->\n<!-- data -> ./roles-generic.html -->\n<!-- todo: datalist -->\n\n<!-- el-dd -->\n<dl>\n <dt>x</dt>\n <!-- dt/dd pending listitemkey and listitemvalue roles: https://github.com/w3c/aria/issues/1662 -->\n <dd data-testname=\"el-dd\" data-expectedrole=\"definition\" class=\"ex\">x</dd>\n</dl>\n\n<del data-testname=\"el-del\" data-expectedrole=\"deletion\" class=\"ex\">x</del>\n<details data-testname=\"el-details\" data-expectedrole=\"group\" class=\"ex\"><summary>x</summary>x</details>\n<dfn data-testname=\"el-dfn\" data-expectedrole=\"term\" class=\"ex\">x</dfn>\n<!-- dir -> ./dir-role.tentative.html -->\n<!-- div -> ./roles-generic.html -->\n<!-- todo: dl -->\n\n<!-- el-dt -->\n<dl>\n <!-- dt/dd pending listitemkey and listitemvalue roles: https://github.com/w3c/aria/issues/1662 -->\n <dt data-testname=\"el-dt\" data-expectedrole=\"term\" class=\"ex\">x</dt>\n <dd>x</dd>\n</dl>\n\n<em data-testname=\"el-em\" data-expectedrole=\"emphasis\" class=\"ex\">x</em>\n<!-- todo: embed -->\n<fieldset data-testname=\"el-fieldset\" data-expectedrole=\"group\" class=\"ex\"><legend>x</legend><input></fieldset>\n<!-- todo: figcaption -->\n<figure data-testname=\"el-figure\" data-expectedrole=\"figure\" class=\"ex\"><img alt=\"x\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\"><figcaption>x</figcaption></figure>\n<!-- footer -> ./roles-contextual.html -->\n<form aria-label=\"form\" data-testname=\"el-form\" data-expectedrole=\"form\" class=\"ex\"><input></form>\n<!-- todo: form-associated custom element -->\n\n<!-- el-h1-h6 -->\n<h1 data-testname=\"el-h1\" data-expectedrole=\"heading\" class=\"ex\">x</h1>\n<h2 data-testname=\"el-h2\" data-expectedrole=\"heading\" class=\"ex\">x</h2>\n<h3 data-testname=\"el-h3\" data-expectedrole=\"heading\" class=\"ex\">x</h3>\n<h4 data-testname=\"el-h4\" data-expectedrole=\"heading\" class=\"ex\">x</h4>\n<h5 data-testname=\"el-h5\" data-expectedrole=\"heading\" class=\"ex\">x</h5>\n<h6 data-testname=\"el-h6\" data-expectedrole=\"heading\" class=\"ex\">x</h6>\n\n<!-- head (not mapped) -->\n\n<!-- header -> ./roles-contextual.html -->\n<hgroup data-testname=\"el-hgroup\" data-expectedrole=\"group\" class=\"ex\"><h1>x</h1></hgroup>\n<hr data-testname=\"el-hr\" data-expectedrole=\"separator\" class=\"ex\">\n<!-- todo: html -->\n<!-- i -> ./roles-generic.html -->\n<!-- todo: iframe -->\n<img alt=\"x\" data-testname=\"el-img\" data-expectedrole=\"image\" class=\"ex\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\">\n\n<!-- Implementations might also be valid if ignored rather than returning 'none' for the following images. -->\n<img alt data-testname=\"el-img-alt-no-value\" class=\"ex-generic\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\">\n<img alt=\"\" data-testname=\"el-img-empty-alt\" class=\"ex-generic\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\">\n\n<input type=\"button\" value=\"x\" data-testname=\"el-input-button\" data-expectedrole=\"button\" class=\"ex\">\n<input type=\"checkbox\" data-testname=\"el-input-checkbox\" data-expectedrole=\"checkbox\" class=\"ex\">\n<!-- todo: input type=\"color\" -->\n<!-- todo: input type=\"date\" -->\n<!-- todo: input type=\"datetime\" -->\n<!-- todo: input type=\"datetime-local\" -->\n<input type=\"email\" data-testname=\"el-input-email\" data-expectedrole=\"textbox\" class=\"ex\">\n<!-- todo: input type=\"file\" -->\n<!-- input type=\"hidden\" (not mapped) -->\n<!-- todo: input type=\"month\" -->\n\n<!-- Blocked: HTML-AAM Issue #467 -->\n<!-- <input type=\"number\" data-testname=\"el-input-number\" data-expectedrole=\"spinbutton\" class=\"ex\"> -->\n\n<!-- todo: input type=\"password\" -->\n<input type=\"radio\" data-testname=\"el-input-radio\" data-expectedrole=\"radio\" class=\"ex\">\n<input type=\"range\" data-testname=\"el-input-range\" data-expectedrole=\"slider\" class=\"ex\">\n<input type=\"reset\" value=\"x\" data-testname=\"el-input-reset\" data-expectedrole=\"button\" class=\"ex\">\n<input type=\"search\" data-testname=\"el-input-search\" data-expectedrole=\"searchbox\" class=\"ex\">\n<input type=\"submit\" value=\"x\" data-testname=\"el-input-submit\" data-expectedrole=\"button\" class=\"ex\">\n<input type=\"tel\" data-testname=\"el-input-tel\" data-expectedrole=\"textbox\" class=\"ex\">\n<input type=\"text\" data-testname=\"el-input-text\" data-expectedrole=\"textbox\" class=\"ex\">\n<!-- todo: input (type attribute in the Text, Search, Telephone, URL, or E-mail states with a suggestions source element) -->\n<!-- todo: input type=\"time\" -->\n<input type=\"url\" data-testname=\"el-input-url\" data-expectedrole=\"textbox\" class=\"ex\">\n<!-- todo: input type=\"week\" -->\n<ins data-testname=\"el-ins\" data-expectedrole=\"insertion\" class=\"ex\">x</ins>\n<!-- todo: kbd -->\n<!-- todo: label -->\n<!-- todo: legend -->\n\n<!-- el-li -->\n<!-- li (orphaned) -> ./roles-generic.html -->\n<ul><li data-testname=\"el-li-in-ul\" data-expectedrole=\"listitem\" class=\"ex\">x</li><li>x</li></ul>\n<ol><li data-testname=\"el-li-in-ol\" data-expectedrole=\"listitem\" class=\"ex\">x</li><li>x</li></ol>\n\n<!-- link (not mapped) -->\n<main data-testname=\"el-main\" data-expectedrole=\"main\" class=\"ex\">x</main>\n<!-- map (not mapped) -->\n<mark data-testname=\"el-mark\" data-expectedrole=\"mark\" class=\"ex\">x</mark>\n<!-- todo: math -->\n<menu data-testname=\"el-menu\" data-expectedrole=\"list\" class=\"ex\"><li>x</li></menu>\n<!-- meta (not mapped) -->\n<meter data-testname=\"el-meter\" data-expectedrole=\"meter\" class=\"ex\" min=\"0\" max=\"100\" low=\"20\" high=\"80\" optimum=\"60\" value=\"50\">x</meter>\n<nav data-testname=\"el-nav\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<!-- noscript (not mapped) -->\n<!-- object (not mapped) -->\n<ol data-testname=\"el-ol\" data-expectedrole=\"list\" class=\"ex\"><li>x</li><li>x</li></ol>\n\n<!-- optgroup -> ./fragile/optgroup-role.html -->\n\n<!-- option -->\n<select>\n <option data-testname=\"el-option\" data-expectedrole=\"option\" class=\"ex\">x</option>\n <option>x</option>\n</select>\n\n<output data-testname=\"el-output\" data-expectedrole=\"status\" class=\"ex\">x</output>\n<p data-testname=\"el-p\" data-expectedrole=\"paragraph\" class=\"ex\">x</p>\n<!-- param (not mapped) -->\n<!-- todo: picture -->\n<!-- pre -> ./roles-generic.html -->\n<progress data-testname=\"el-progress\" data-expectedrole=\"progressbar\" class=\"ex\">x</progress>\n<!-- q -> ./roles-generic.html -->\n<!-- todo: rp -> /ruby-aam? -->\n<!-- todo: rt -> /ruby-aam? -->\n<!-- todo: ruby -> /ruby-aam? -->\n<s data-testname=\"el-s\" data-expectedrole=\"deletion\" class=\"ex\">x</s>\n<!-- samp -> ./roles-generic.html -->\n<!-- script (not mapped) -->\n<search data-testname=\"el-search\" data-expectedrole=\"search\" class=\"ex\">x</search>\n<!-- section -> ./roles-contextual.html -->\n\n<!-- Blocked: HTML-AAM Issue #467 -->\n<!-- <select data-testname=\"el-select-combobox\" data-expectedrole=\"combobox\" class=\"ex\"><option>a1</option><option>a2</option></select>-->\n\n<select data-testname=\"el-select-listbox\" size=\"2\" data-expectedrole=\"listbox\" class=\"ex\"><option>b1</option><option>b2</option></select>\n\n<!-- slot (not mapped) -->\n<!-- small -> ./roles-generic.html -->\n<!-- source (not mapped) -->\n<!-- span -> ./roles-generic.html -->\n<strong data-testname=\"el-strong\" data-expectedrole=\"strong\" class=\"ex\">x</strong>\n<!-- style (not mapped) -->\n<sub data-testname=\"el-sub\" data-expectedrole=\"subscript\" class=\"ex\">x</sub>\n<!-- todo: summary -->\n<sup data-testname=\"el-sup\" data-expectedrole=\"superscript\" class=\"ex\">x</sup>\n<!-- todo: svg (see /graphics-aam and /svg-aam tests) -->\n<!-- table -> ./table-roles.html -->\n<!-- tbody -> ./table-roles.html -->\n<!-- td -> ./table-roles.html -->\n<!-- template (not mapped) -->\n<!-- tfoot -> ./table-roles.html -->\n<!-- th -> ./table-roles.html -->\n<!-- thead -> ./table-roles.html -->\n<time data-testname=\"el-time\" data-expectedrole=\"time\" class=\"ex\">x</time>\n<!-- title (not mapped) -->\n<!-- tr -> ./table-roles.html -->\n<textarea data-testname=\"el-textarea\" data-expectedrole=\"textbox\" class=\"ex\">x</textarea>\n<!-- track (not mapped) -->\n<!-- u -> ./roles-generic.html -->\n<ul data-testname=\"el-ul\" data-expectedrole=\"list\" class=\"ex\"><li>x</li><li>x</li></ul>\n<!-- var (not mapped) -->\n<!-- todo: video -->\n<!-- wbr (not mapped) -->",-1 1365 "filename": "roles-contextual.html", -1 1366 "title": "HTML-AAM Contextual-Specific Role Verification Tests", -1 1367 "html": "<style type=\"text/css\"></style><p>Tests contextual computed role mappings defined in <a href=\"https://w3c.github.io/html-aam/\">HTML-AAM</a>, where the returned computed role is expected to change based on the context. Most test names correspond to a unique ID defined in the spec.<p>\n\n<p>These should remain in alphabetical order.</code></p>\n\n\n<!-- el-a -->\n<a href=\"#\" data-testname=\"el-a\" data-expectedrole=\"link\" class=\"ex\">x</a>\n<a data-testname=\"el-a-no-href\" class=\"ex-generic\">x</a>\n\n<!-- el-aside -->\n<aside data-testname=\"el-aside\" data-expectedrole=\"complementary\" class=\"ex\">x</aside>\n<main>\n <aside data-testname=\"el-aside-in-main\" data-expectedrole=\"complementary\" class=\"ex\">x</aside>\n <article>\n <aside data-testname=\"el-aside-in-article-in-main\" class=\"ex-generic\">x</aside>\n <aside data-testname=\"el-aside-in-article-in-main-with-name\" data-expectedrole=\"complementary\" aria-label=\"x\" class=\"ex\">x</aside>\n </article>\n</main>\n<article>\n <aside data-testname=\"el-aside-in-article\" class=\"ex-generic\">x</aside>\n <aside data-testname=\"el-aside-in-article-with-name\" data-expectedrole=\"complementary\" aria-label=\"x\" class=\"ex\">x</aside>\n</article>\n<aside>\n <aside data-testname=\"el-aside-in-aside\" class=\"ex-generic\">x</aside>\n <aside data-testname=\"el-aside-in-aside-with-name\" data-expectedrole=\"complementary\" aria-label=\"x\" class=\"ex\">x</aside>\n</aside>\n<nav>\n <aside data-testname=\"el-aside-in-nav\" class=\"ex-generic\">x</aside>\n <aside data-testname=\"el-aside-in-nav-with-name\" data-expectedrole=\"complementary\" aria-label=\"x\" class=\"ex\">x</aside>\n <aside data-testname=\"el-aside-in-nav-with-role\" data-expectedrole=\"complementary\" class=\"ex\" role=\"complementary\">x</aside>\n</nav>\n<!-- Spec says that the conditional aside mapping happens when nested in a sectioning content element.\n However, this doesn't make sense if the parent <section> isn't a landmark in the first place.\n Let's force the section to always be a landmark for now, but we should probably expand on this test\n case pending discussions in https://github.com/w3c/html-aam/pull/484 -->\n<section aria-label=\"x\">\n <aside data-testname=\"el-aside-in-section\" class=\"ex-generic\">x</aside>\n <aside data-testname=\"el-aside-in-section-with-name\" data-expectedrole=\"complementary\" aria-label=\"x\" class=\"ex\">x</aside>\n <aside data-testname=\"el-aside-in-section-aria-label-empty\" class=\"ex-generic\" aria-label=\"\">x</aside>\n <aside data-testname=\"el-aside-in-section-aria-label-whitespace\" class=\"ex-generic\" aria-label=\" \">x</aside>\n <aside data-testname=\"el-aside-in-section-aria-labelledby\" data-expectedrole=\"complementary\" class=\"ex\" aria-labelledby=\"labelledby\">x</aside>\n <aside data-testname=\"el-aside-in-section-aria-labelledby-non-existing\" class=\"ex-generic\" aria-labelledby=\"non-existing\">x</aside>\n <aside data-testname=\"el-aside-in-section-aria-labelledby-empty\" class=\"ex-generic\" aria-labelledby=\"empty\">x</aside>\n <aside data-testname=\"el-aside-in-section-aria-labelledby-whitespace\" class=\"ex-generic\" aria-labelledby=\"space\">x</aside>\n <aside data-testname=\"el-aside-in-section-title\" data-expectedrole=\"complementary\" title=\"x\" class=\"ex\">x</aside>\n <aside data-testname=\"el-aside-in-section-title-empty\" class=\"ex-generic\" title=\"\">x</aside>\n <aside data-testname=\"el-aside-in-section-title-whitespace\" class=\"ex-generic\" title=\" \">x</aside>\n</section>\n\n<!-- el-footer -->\n<!-- nav>footer -> ./roles-contextual.tentative.html -->\n<footer data-testname=\"el-footer-ancestorbody\" data-expectedrole=\"contentinfo\" class=\"ex\">x</footer>\n<!-- main>footer -> ./roles-contextual.tentative.html -->\n\n<!-- el-header -->\n<!-- nav>header -> ./roles-contextual.tentative.html -->\n<header data-testname=\"el-header-ancestorbody\" data-expectedrole=\"banner\" class=\"ex\">x</header>\n<!-- main>header -> ./roles-contextual.tentative.html -->\n\n<!-- el-img-empty-alt -->\n<img data-testname=\"el-img-no-name\" data-expectedrole=\"image\" class=\"ex\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\">\n<!-- img empty alt -> ./roles.html -->\n<img data-testname=\"el-img-empty-alt-aria-label\" data-expectedrole=\"image\" class=\"ex\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\" alt aria-label=\"x\">\n<img data-testname=\"el-img-empty-alt-aria-label-empty\" class=\"ex-generic\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\" alt aria-label=\"\">\n<img data-testname=\"el-img-empty-alt-aria-label-whitespace\" class=\"ex-generic\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\" alt aria-label=\" \">\n<img data-testname=\"el-img-empty-alt-aria-labelledby\" data-expectedrole=\"image\" class=\"ex\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\" alt aria-labelledby=\"labelledby\">\n<img data-testname=\"el-img-empty-alt-aria-labelledby-non-existing\" class=\"ex-generic\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\" alt aria-labelledby=\"non-existing\">\n<img data-testname=\"el-img-empty-alt-aria-labelledby-empty\" class=\"ex-generic\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\" alt aria-labelledby=\"empty\">\n<img data-testname=\"el-img-empty-alt-aria-labelledby-whitespace\" class=\"ex-generic\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\" alt aria-labelledby=\"space\">\n<img data-testname=\"el-img-empty-alt-title\" class=\"ex-generic\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\" alt title=\"x\">\n<img data-testname=\"el-img-empty-alt-title-empty\" class=\"ex-generic\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\" alt title=\"\">\n<img data-testname=\"el-img-empty-alt-title-whitespace\" class=\"ex-generic\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\" alt title=\" \">\n\n\n<!-- el-section -->\n<section data-testname=\"el-section\" aria-label=\"x\" data-expectedrole=\"region\" class=\"ex\">x</section>\n<section data-testname=\"el-section-no-name\" class=\"ex-generic\">x</section>\n<section data-testname=\"el-section-aria-label-empty\" class=\"ex-generic\" aria-label=\"\">x</section>\n<section data-testname=\"el-section-aria-label-whitespace\" class=\"ex-generic\" aria-label=\" \">x</section>\n<section data-testname=\"el-section-aria-labelledby\" data-expectedrole=\"region\" class=\"ex\" aria-labelledby=\"labelledby\">x</section>\n<section data-testname=\"el-section-aria-labelledby-non-existing\" class=\"ex-generic\" aria-labelledby=\"non-existing\">x</section>\n<section data-testname=\"el-section-aria-labelledby-empty\" class=\"ex-generic\" aria-labelledby=\"empty\">x</section>\n<section data-testname=\"el-section-aria-labelledby-whitespace\" class=\"ex-generic\" aria-labelledby=\"space\">x</section>\n<section data-testname=\"el-section-title\" data-expectedrole=\"region\" title=\"x\" class=\"ex\">x</section>\n<section data-testname=\"el-section-title-empty\" class=\"ex-generic\" title=\"\">x</section>\n<section data-testname=\"el-section-title-whitespace\" class=\"ex-generic\" title=\" \">x</section>\n\n<!-- element to reference for aria-labelledby tests -->\n<div id=\"labelledby\">labelledby</div>\n<div id=\"empty\"></div>\n<div id=\"space\"> </div>", 1349 1368 "role": "generic", 1350 1369 "selector": ".ex-generic" 1351 1370 }, @@ -1357,27 +1376,27 @@ window.wpt["html-aam"] = [ 1357 1376 "selector": ".ex-generic" 1358 1377 }, 1359 1378 {1360 -1 "filename": "table-roles.html",1361 -1 "title": "HTML-AAM Role Verification Tests",1362 -1 "html": "<style type=\"text/css\"></style><p>Tests the computedrole mappings for the table-related roles defined in <a href=\"https://w3c.github.io/html-aam/\">HTML-AAM</a>. Most test names correspond to unique ID defined in the spec.<p>\n\n<!-- ARIA table roles tested in wpt/wai-aria/role/table-roles.html -->\n\n<table data-testname=\"el-table\" data-expectedrole=\"table\" class=\"ex\">\n <caption data-testname=\"el-caption\" data-expectedrole=\"caption\" class=\"ex\">caption</caption>\n <thead>\n <tr data-testname=\"el-tr-thead\" data-expectedrole=\"row\" class=\"ex\">\n <th data-testname=\"el-th\" data-expectedrole=\"columnheader\" class=\"ex\">a</th>\n <th>b</th>\n <th>c</th>\n </tr>\n </thead>\n <tbody>\n <tr data-testname=\"el-tr-tbody\" data-expectedrole=\"row\" class=\"ex\">\n <th data-testname=\"el-th-in-row\" data-expectedrole=\"rowheader\" class=\"ex\">1</th>\n <td data-testname=\"el-td\" data-expectedrole=\"cell\" class=\"ex\">2</td>\n <td>3</td>\n </tr>\n <tr>\n <th>4</th>\n <td>5</td>\n <td>6</td>\n </tr>\n </tbody>\n <tfoot>\n <tr>\n <th>x</th>\n <th>y</th>\n <th>z</th>\n </tr>\n </tfoot>\n</table>",1363 -1 "selector": ".ex"1364 -1 },1365 -1 {1366 1379 "filename": "names.html", 1367 1380 "title": "HTML-AAM Element Accessible Name From Author Tests", 1368 1381 "html": "<style type=\"text/css\"></style><p>Tests the accName for elements defined in <a href=\"https://w3c.github.io/html-aam/#accessible-name-and-description-computation\">HTML-AAM: Accessible Name Computations By HTML Element</a>.\n These tests are meant to show whether an element returns a name per the naming mechanism used. See <a href=\"https://wpt.fyi/results/accname\">wpt: accname</a> for expanded accName testing.</p>\n\n\n<!--\nThe following elements are those which can be named by authors. They do not receive their name from elements for which they are an accessibility ancestor.\n\nThere are other elements which can be named by author, but have additional ways in which they can be named. These elements will be tested separately.\n-->\n\n\n<h2>address element</h2>\n<address data-testname=\"address no name\" data-expectedlabel=\"\" class=\"ex\">x</address>\n\n<address data-testname=\"address aria-label\" aria-label=\"label\" data-expectedlabel=\"label\" class=\"ex\">x</address>\n<address data-testname=\"address aria-labelledby\" aria-labelledby=\"labelledby\" data-expectedlabel=\"labelledby\" class=\"ex\">x</address>\n<address data-testname=\"address title\" title=\"title\" data-expectedlabel=\"title\" class=\"ex\">x</address>\n\n<address data-testname=\"address aria-labelledby vs aria-label vs title\" aria-labelledby=\"labelledby\" aria-label=\"label\" title=\"title\" data-expectedlabel=\"labelledby\" class=\"ex\">x</address>\n<address data-testname=\"address aria-labelledby vs aria-label\" aria-labelledby=\"labelledby\" aria-label=\"label\" data-expectedlabel=\"labelledby\" class=\"ex\">x</address>\n\n<address data-testname=\"address aria-labelledby vs title\" aria-labelledby=\"labelledby\" title=\"title\" data-expectedlabel=\"labelledby\" class=\"ex\">x</address>\n<address data-testname=\"address aria-label vs title\" aria-label=\"label\" title=\"title\" data-expectedlabel=\"label\" class=\"ex\">x</address>\n\n\n\n<h2>aside element</h2>\n<aside data-testname=\"aside no name\" data-expectedlabel=\"\" class=\"ex\">x</aside>\n\n<aside data-testname=\"aside aria-label\" aria-label=\"label\" data-expectedlabel=\"label\" class=\"ex\">x</aside>\n<aside data-testname=\"aside aria-labelledby\" aria-labelledby=\"labelledby\" data-expectedlabel=\"labelledby\" class=\"ex\">x</aside>\n<aside data-testname=\"aside title\" title=\"title\" data-expectedlabel=\"title\" class=\"ex\">x</aside>\n\n<aside data-testname=\"aside aria-labelledby vs aria-label vs title\" aria-labelledby=\"labelledby\" aria-label=\"label\" title=\"title\" data-expectedlabel=\"labelledby\" class=\"ex\">x</aside>\n<aside data-testname=\"aside aria-labelledby vs aria-label\" aria-labelledby=\"labelledby\" aria-label=\"label\" data-expectedlabel=\"labelledby\" class=\"ex\">x</aside>\n\n<aside data-testname=\"aside aria-labelledby vs title\" aria-labelledby=\"labelledby\" title=\"title\" data-expectedlabel=\"labelledby\" class=\"ex\">x</aside>\n<aside data-testname=\"aside aria-label vs title\" aria-label=\"label\" title=\"title\" data-expectedlabel=\"label\" class=\"ex\">x</aside>\n\n\n<h2>blockquote element</h2>\n<blockquote data-testname=\"blockquote no name\" data-expectedlabel=\"\" class=\"ex\">x</blockquote>\n\n<blockquote data-testname=\"blockquote aria-label\" aria-label=\"label\" data-expectedlabel=\"label\" class=\"ex\">x</blockquote>\n<blockquote data-testname=\"blockquote aria-labelledby\" aria-labelledby=\"labelledby\" data-expectedlabel=\"labelledby\" class=\"ex\">x</blockquote>\n<blockquote data-testname=\"blockquote title\" title=\"title\" data-expectedlabel=\"title\" class=\"ex\">x</blockquote>\n\n<blockquote data-testname=\"blockquote aria-labelledby vs aria-label vs title\" aria-labelledby=\"labelledby\" aria-label=\"label\" title=\"title\" data-expectedlabel=\"labelledby\" class=\"ex\">x</blockquote>\n<blockquote data-testname=\"blockquote aria-labelledby vs aria-label\" aria-labelledby=\"labelledby\" aria-label=\"label\" data-expectedlabel=\"labelledby\" class=\"ex\">x</blockquote>\n\n<blockquote data-testname=\"blockquote aria-labelledby vs title\" aria-labelledby=\"labelledby\" title=\"title\" data-expectedlabel=\"labelledby\" class=\"ex\">x</blockquote>\n<blockquote data-testname=\"blockquote aria-label vs title\" aria-label=\"label\" title=\"title\" data-expectedlabel=\"label\" class=\"ex\">x</blockquote>\n\n\n\n<h2>details element</h2>\n<details data-testname=\"details no name\" data-expectedlabel=\"\" class=\"ex\"><summary>x</summary></details>\n\n<details data-testname=\"details aria-label\" aria-label=\"label\" data-expectedlabel=\"label\" class=\"ex\"><summary>x</summary></details>\n<details data-testname=\"details aria-labelledby\" aria-labelledby=\"labelledby\" data-expectedlabel=\"labelledby\" class=\"ex\"><summary>x</summary></details>\n<details data-testname=\"details title\" title=\"title\" data-expectedlabel=\"title\" class=\"ex\"><summary>x</summary></details>\n\n<details data-testname=\"details aria-labelledby vs aria-label vs title\" aria-labelledby=\"labelledby\" aria-label=\"label\" title=\"title\" data-expectedlabel=\"labelledby\" class=\"ex\"><summary>x</summary></details>\n<details data-testname=\"details aria-labelledby vs aria-label\" aria-labelledby=\"labelledby\" aria-label=\"label\" data-expectedlabel=\"labelledby\" class=\"ex\"><summary>x</summary></details>\n\n<details data-testname=\"details aria-labelledby vs title\" aria-labelledby=\"labelledby\" title=\"title\" data-expectedlabel=\"labelledby\" class=\"ex\"><summary>x</summary></details>\n<details data-testname=\"details aria-label vs title\" aria-label=\"label\" title=\"title\" data-expectedlabel=\"label\" class=\"ex\"><summary>x</summary></details>\n\n\n<h2>figure element</h2>\n<figure data-testname=\"figure no name\" data-expectedlabel=\"\" class=\"ex\">x</figure>\n\n<figure data-testname=\"figure aria-label\" aria-label=\"label\" data-expectedlabel=\"label\" class=\"ex\">x</figure>\n<figure data-testname=\"figure aria-labelledby\" aria-labelledby=\"labelledby\" data-expectedlabel=\"labelledby\" class=\"ex\">x</figure>\n<figure data-testname=\"figure title\" title=\"title\" data-expectedlabel=\"title\" class=\"ex\">x</figure>\n\n<figure data-testname=\"figure aria-labelledby vs aria-label vs title\" aria-labelledby=\"labelledby\" aria-label=\"label\" title=\"title\" data-expectedlabel=\"labelledby\" class=\"ex\">x</figure>\n<figure data-testname=\"figure aria-labelledby vs aria-label\" aria-labelledby=\"labelledby\" aria-label=\"label\" data-expectedlabel=\"labelledby\" class=\"ex\">x</figure>\n\n<figure data-testname=\"figure aria-labelledby vs title\" aria-labelledby=\"labelledby\" title=\"title\" data-expectedlabel=\"labelledby\" class=\"ex\">x</figure>\n<figure data-testname=\"figure aria-label vs title\" aria-label=\"label\" title=\"title\" data-expectedlabel=\"label\" class=\"ex\">x</figure>\n\n\n<h2>footer element</h2>\n<footer data-testname=\"footer no name\" data-expectedlabel=\"\" class=\"ex\">x</footer>\n\n<footer data-testname=\"footer aria-label\" aria-label=\"label\" data-expectedlabel=\"label\" class=\"ex\">x</footer>\n<footer data-testname=\"footer aria-labelledby\" aria-labelledby=\"labelledby\" data-expectedlabel=\"labelledby\" class=\"ex\">x</footer>\n<footer data-testname=\"footer title\" title=\"title\" data-expectedlabel=\"title\" class=\"ex\">x</footer>\n\n<footer data-testname=\"footer aria-labelledby vs aria-label vs title\" aria-labelledby=\"labelledby\" aria-label=\"label\" title=\"title\" data-expectedlabel=\"labelledby\" class=\"ex\">x</footer>\n<footer data-testname=\"footer aria-labelledby vs aria-label\" aria-labelledby=\"labelledby\" aria-label=\"label\" data-expectedlabel=\"labelledby\" class=\"ex\">x</footer>\n\n<footer data-testname=\"footer aria-labelledby vs title\" aria-labelledby=\"labelledby\" title=\"title\" data-expectedlabel=\"labelledby\" class=\"ex\">x</footer>\n<footer data-testname=\"footer aria-label vs title\" aria-label=\"label\" title=\"title\" data-expectedlabel=\"label\" class=\"ex\">x</footer>\n\n\n<h2>form element</h2>\n<form data-testname=\"form no name\" data-expectedlabel=\"\" class=\"ex\">x</form>\n\n<form data-testname=\"form aria-label\" aria-label=\"label\" data-expectedlabel=\"label\" class=\"ex\">x</form>\n<form data-testname=\"form aria-labelledby\" aria-labelledby=\"labelledby\" data-expectedlabel=\"labelledby\" class=\"ex\">x</form>\n<form data-testname=\"form title\" title=\"title\" data-expectedlabel=\"title\" class=\"ex\">x</form>\n\n<form data-testname=\"form aria-labelledby vs aria-label vs title\" aria-labelledby=\"labelledby\" aria-label=\"label\" title=\"title\" data-expectedlabel=\"labelledby\" class=\"ex\">x</form>\n<form data-testname=\"form aria-labelledby vs aria-label\" aria-labelledby=\"labelledby\" aria-label=\"label\" data-expectedlabel=\"labelledby\" class=\"ex\">x</form>\n\n<form data-testname=\"form aria-labelledby vs title\" aria-labelledby=\"labelledby\" title=\"title\" data-expectedlabel=\"labelledby\" class=\"ex\">x</form>\n<form data-testname=\"form aria-label vs title\" aria-label=\"label\" title=\"title\" data-expectedlabel=\"label\" class=\"ex\">x</form>\n\n\n<h2>hgroup element</h2>\n<hgroup data-testname=\"hgroup no name\" data-expectedlabel=\"\" class=\"ex\"><h3>x</h3><p>y</p></hgroup>\n\n<hgroup data-testname=\"hgroup aria-label\" aria-label=\"label\" data-expectedlabel=\"label\" class=\"ex\"><h3>x</h3><p>y</p></hgroup>\n<hgroup data-testname=\"hgroup aria-labelledby\" aria-labelledby=\"labelledby\" data-expectedlabel=\"labelledby\" class=\"ex\"><h3>x</h3><p>y</p></hgroup>\n<hgroup data-testname=\"hgroup title\" title=\"title\" data-expectedlabel=\"title\" class=\"ex\"><h3>x</h3><p>y</p></hgroup>\n\n<hgroup data-testname=\"hgroup aria-labelledby vs aria-label vs title\" aria-labelledby=\"labelledby\" aria-label=\"label\" title=\"title\" data-expectedlabel=\"labelledby\" class=\"ex\"><h3>x</h3><p>y</p></hgroup>\n<hgroup data-testname=\"hgroup aria-labelledby vs aria-label\" aria-labelledby=\"labelledby\" aria-label=\"label\" data-expectedlabel=\"labelledby\" class=\"ex\"><h3>x</h3><p>y</p></hgroup>\n\n<hgroup data-testname=\"hgroup aria-labelledby vs title\" aria-labelledby=\"labelledby\" title=\"title\" data-expectedlabel=\"labelledby\" class=\"ex\"><h3>x</h3><p>y</p></hgroup>\n<hgroup data-testname=\"hgroup aria-label vs title\" aria-label=\"label\" title=\"title\" data-expectedlabel=\"label\" class=\"ex\"><h3>x</h3><p>y</p></hgroup>\n\n\n<h2>hr element</h2>\n<hr data-testname=\"hr no name\" data-expectedlabel=\"\" class=\"ex\">\n\n<hr data-testname=\"hr aria-label\" aria-label=\"label\" data-expectedlabel=\"label\" class=\"ex\">\n<hr data-testname=\"hr aria-labelledby\" aria-labelledby=\"labelledby\" data-expectedlabel=\"labelledby\" class=\"ex\">\n<hr data-testname=\"hr title\" title=\"title\" data-expectedlabel=\"title\" class=\"ex\">\n\n<hr data-testname=\"hr aria-labelledby vs aria-label vs title\" aria-labelledby=\"labelledby\" aria-label=\"label\" title=\"title\" data-expectedlabel=\"labelledby\" class=\"ex\">\n<hr data-testname=\"hr aria-labelledby vs aria-label\" aria-labelledby=\"labelledby\" aria-label=\"label\" data-expectedlabel=\"labelledby\" class=\"ex\">\n\n<hr data-testname=\"hr aria-labelledby vs title\" aria-labelledby=\"labelledby\" title=\"title\" data-expectedlabel=\"labelledby\" class=\"ex\">\n<hr data-testname=\"hr aria-label vs title\" aria-label=\"label\" title=\"title\" data-expectedlabel=\"label\" class=\"ex\">\n\n\n<h2>ol element</h2>\n<ol data-testname=\"ol no name\" data-expectedlabel=\"\" class=\"ex\"><li>x</li></ol>\n\n<ol data-testname=\"ol aria-label\" aria-label=\"label\" data-expectedlabel=\"label\" class=\"ex\"><li>x</li></ol>\n<ol data-testname=\"ol aria-labelledby\" aria-labelledby=\"labelledby\" data-expectedlabel=\"labelledby\" class=\"ex\"><li>x</li></ol>\n<ol data-testname=\"ol title\" title=\"title\" data-expectedlabel=\"title\" class=\"ex\"><li>x</li></ol>\n\n<ol data-testname=\"ol aria-labelledby vs aria-label vs title\" aria-labelledby=\"labelledby\" aria-label=\"label\" title=\"title\" data-expectedlabel=\"labelledby\" class=\"ex\"><li>x</li></ol>\n<ol data-testname=\"ol aria-labelledby vs aria-label\" aria-labelledby=\"labelledby\" aria-label=\"label\" data-expectedlabel=\"labelledby\" class=\"ex\"><li>x</li></ol>\n\n<ol data-testname=\"ol aria-labelledby vs title\" aria-labelledby=\"labelledby\" title=\"title\" data-expectedlabel=\"labelledby\" class=\"ex\"><li>x</li></ol>\n<ol data-testname=\"ol aria-label vs title\" aria-label=\"label\" title=\"title\" data-expectedlabel=\"label\" class=\"ex\"><li>x</li></ol>\n\n\n<h2>main element</h2>\n<main data-testname=\"main no name\" data-expectedlabel=\"\" class=\"ex\">x</main>\n\n<main data-testname=\"main aria-label\" aria-label=\"label\" data-expectedlabel=\"label\" class=\"ex\">x</main>\n<main data-testname=\"main aria-labelledby\" aria-labelledby=\"labelledby\" data-expectedlabel=\"labelledby\" class=\"ex\">x</main>\n<main data-testname=\"main title\" title=\"title\" data-expectedlabel=\"title\" class=\"ex\">x</main>\n\n<main data-testname=\"main aria-labelledby vs aria-label vs title\" aria-labelledby=\"labelledby\" aria-label=\"label\" title=\"title\" data-expectedlabel=\"labelledby\" class=\"ex\">x</main>\n<main data-testname=\"main aria-labelledby vs aria-label\" aria-labelledby=\"labelledby\" aria-label=\"label\" data-expectedlabel=\"labelledby\" class=\"ex\">x</main>\n\n<main data-testname=\"main aria-labelledby vs title\" aria-labelledby=\"labelledby\" title=\"title\" data-expectedlabel=\"labelledby\" class=\"ex\">x</main>\n<main data-testname=\"main aria-label vs title\" aria-label=\"label\" title=\"title\" data-expectedlabel=\"label\" class=\"ex\">x</main>\n\n\n<h2>menu element</h2>\n<menu data-testname=\"menu no name\" data-expectedlabel=\"\" class=\"ex\"><li>x</li></menu>\n\n<menu data-testname=\"menu aria-label\" aria-label=\"label\" data-expectedlabel=\"label\" class=\"ex\"><li>x</li></menu>\n<menu data-testname=\"menu aria-labelledby\" aria-labelledby=\"labelledby\" data-expectedlabel=\"labelledby\" class=\"ex\"><li>x</li></menu>\n<menu data-testname=\"menu title\" title=\"title\" data-expectedlabel=\"title\" class=\"ex\"><li>x</li></menu>\n\n<menu data-testname=\"menu aria-labelledby vs aria-label vs title\" aria-labelledby=\"labelledby\" aria-label=\"label\" title=\"title\" data-expectedlabel=\"labelledby\" class=\"ex\"><li>x</li></menu>\n<menu data-testname=\"menu aria-labelledby vs aria-label\" aria-labelledby=\"labelledby\" aria-label=\"label\" data-expectedlabel=\"labelledby\" class=\"ex\"><li>x</li></menu>\n\n<menu data-testname=\"menu aria-labelledby vs title\" aria-labelledby=\"labelledby\" title=\"title\" data-expectedlabel=\"labelledby\" class=\"ex\"><li>x</li></menu>\n<menu data-testname=\"menu aria-label vs title\" aria-label=\"label\" title=\"title\" data-expectedlabel=\"label\" class=\"ex\"><li>x</li></menu>\n\n\n<h2>nav element</h2>\n<nav data-testname=\"nav no name\" data-expectedlabel=\"\" class=\"ex\">x</nav>\n\n<nav data-testname=\"nav aria-label\" aria-label=\"label\" data-expectedlabel=\"label\" class=\"ex\">x</nav>\n<nav data-testname=\"nav aria-labelledby\" aria-labelledby=\"labelledby\" data-expectedlabel=\"labelledby\" class=\"ex\">x</nav>\n<nav data-testname=\"nav title\" title=\"title\" data-expectedlabel=\"title\" class=\"ex\">x</nav>\n\n<nav data-testname=\"nav aria-labelledby vs aria-label vs title\" aria-labelledby=\"labelledby\" aria-label=\"label\" title=\"title\" data-expectedlabel=\"labelledby\" class=\"ex\">x</nav>\n<nav data-testname=\"nav aria-labelledby vs aria-label\" aria-labelledby=\"labelledby\" aria-label=\"label\" data-expectedlabel=\"labelledby\" class=\"ex\">x</nav>\n\n<nav data-testname=\"nav aria-labelledby vs title\" aria-labelledby=\"labelledby\" title=\"title\" data-expectedlabel=\"labelledby\" class=\"ex\">x</nav>\n<nav data-testname=\"nav aria-label vs title\" aria-label=\"label\" title=\"title\" data-expectedlabel=\"label\" class=\"ex\">x</nav>\n\n\n<h2>search element</h2>\n<search data-testname=\"search no name\" data-expectedlabel=\"\" class=\"ex\">x</search>\n\n<search data-testname=\"search aria-label\" aria-label=\"label\" data-expectedlabel=\"label\" class=\"ex\">x</search>\n<search data-testname=\"search aria-labelledby\" aria-labelledby=\"labelledby\" data-expectedlabel=\"labelledby\" class=\"ex\">x</search>\n<search data-testname=\"search title\" title=\"title\" data-expectedlabel=\"title\" class=\"ex\">x</search>\n\n<search data-testname=\"search aria-labelledby vs aria-label vs title\" aria-labelledby=\"labelledby\" aria-label=\"label\" title=\"title\" data-expectedlabel=\"labelledby\" class=\"ex\">x</search>\n<search data-testname=\"search aria-labelledby vs aria-label\" aria-labelledby=\"labelledby\" aria-label=\"label\" data-expectedlabel=\"labelledby\" class=\"ex\">x</search>\n\n<search data-testname=\"search aria-labelledby vs title\" aria-labelledby=\"labelledby\" title=\"title\" data-expectedlabel=\"labelledby\" class=\"ex\">x</search>\n<search data-testname=\"search aria-label vs title\" aria-label=\"label\" title=\"title\" data-expectedlabel=\"label\" class=\"ex\">x</search>\n\n\n<h2>section element</h2>\n<section data-testname=\"section no name\" data-expectedlabel=\"\" class=\"ex\">x</section>\n\n<section data-testname=\"section aria-label\" aria-label=\"label\" data-expectedlabel=\"label\" class=\"ex\">x</section>\n<section data-testname=\"section aria-labelledby\" aria-labelledby=\"labelledby\" data-expectedlabel=\"labelledby\" class=\"ex\">x</section>\n<section data-testname=\"section title\" title=\"title\" data-expectedlabel=\"title\" class=\"ex\">x</section>\n\n<section data-testname=\"section aria-labelledby vs aria-label vs title\" aria-labelledby=\"labelledby\" aria-label=\"label\" title=\"title\" data-expectedlabel=\"labelledby\" class=\"ex\">x</section>\n<section data-testname=\"section aria-labelledby vs aria-label\" aria-labelledby=\"labelledby\" aria-label=\"label\" data-expectedlabel=\"labelledby\" class=\"ex\">x</section>\n\n<section data-testname=\"section aria-labelledby vs title\" aria-labelledby=\"labelledby\" title=\"title\" data-expectedlabel=\"labelledby\" class=\"ex\">x</section>\n<section data-testname=\"section aria-label vs title\" aria-label=\"label\" title=\"title\" data-expectedlabel=\"label\" class=\"ex\">x</section>\n\n\n<h2>ul element</h2>\n<ul data-testname=\"ul no name\" data-expectedlabel=\"\" class=\"ex\"><li>x</li></ul>\n\n<ul data-testname=\"ul aria-label\" aria-label=\"label\" data-expectedlabel=\"label\" class=\"ex\"><li>x</li></ul>\n<ul data-testname=\"ul aria-labelledby\" aria-labelledby=\"labelledby\" data-expectedlabel=\"labelledby\" class=\"ex\"><li>x</li></ul>\n<ul data-testname=\"ul title\" title=\"title\" data-expectedlabel=\"title\" class=\"ex\"><li>x</li></ul>\n\n<ul data-testname=\"ul aria-labelledby vs aria-label vs title\" aria-labelledby=\"labelledby\" aria-label=\"label\" title=\"title\" data-expectedlabel=\"labelledby\" class=\"ex\"><li>x</li></ul>\n<ul data-testname=\"ul aria-labelledby vs aria-label\" aria-labelledby=\"labelledby\" aria-label=\"label\" data-expectedlabel=\"labelledby\" class=\"ex\"><li>x</li></ul>\n\n<ul data-testname=\"ul aria-labelledby vs title\" aria-labelledby=\"labelledby\" title=\"title\" data-expectedlabel=\"labelledby\" class=\"ex\"><li>x</li></ul>\n<ul data-testname=\"ul aria-label vs title\" aria-label=\"label\" title=\"title\" data-expectedlabel=\"label\" class=\"ex\"><li>x</li></ul>\n\n\n<!-- element to reference for aria-labelledby tests -->\n<div id=\"labelledby\">labelledby</div>", 1369 1382 "selector": ".ex" 1370 1383 }, 1371 1384 {1372 -1 "filename": "roles-contextual.html",1373 -1 "title": "HTML-AAM Contextual-Specific Role Verification Tests",1374 -1 "html": "<style type=\"text/css\"></style><p>Tests contextual computedrole mappings defined in <a href=\"https://w3c.github.io/html-aam/\">HTML-AAM</a>, where the returned computed role is expected to change based on the context. Most test names correspond to a unique ID defined in the spec.<p>\n\n<p>These should remain in alphabetical order.</code></p>\n\n\n<!-- el-a -->\n<a href=\"#\" data-testname=\"el-a\" data-expectedrole=\"link\" class=\"ex\">x</a>\n<a data-testname=\"el-a-no-href\" class=\"ex-generic\">x</a>\n\n<!-- el-aside -->\n<aside data-testname=\"el-aside\" data-expectedrole=\"complementary\" class=\"ex\">x</aside>\n<main>\n <aside data-testname=\"el-aside-in-main\" data-expectedrole=\"complementary\" class=\"ex\">x</aside>\n <article>\n <aside data-testname=\"el-aside-in-article-in-main\" class=\"ex-generic\">x</aside>\n <aside data-testname=\"el-aside-in-article-in-main-with-name\" data-expectedrole=\"complementary\" aria-label=\"x\" class=\"ex\">x</aside>\n </article>\n</main>\n<article>\n <aside data-testname=\"el-aside-in-article\" class=\"ex-generic\">x</aside>\n <aside data-testname=\"el-aside-in-article-with-name\" data-expectedrole=\"complementary\" aria-label=\"x\" class=\"ex\">x</aside>\n</article>\n<aside>\n <aside data-testname=\"el-aside-in-aside\" class=\"ex-generic\">x</aside>\n <aside data-testname=\"el-aside-in-aside-with-name\" data-expectedrole=\"complementary\" aria-label=\"x\" class=\"ex\">x</aside>\n</aside>\n<nav>\n <aside data-testname=\"el-aside-in-nav\" class=\"ex-generic\">x</aside>\n <aside data-testname=\"el-aside-in-nav-with-name\" data-expectedrole=\"complementary\" aria-label=\"x\" class=\"ex\">x</aside>\n <aside data-testname=\"el-aside-in-nav-with-role\" data-expectedrole=\"complementary\" class=\"ex\" role=\"complementary\">x</aside>\n</nav>\n<!-- Spec says that the conditional aside mapping happens when nested in a sectioning content element.\n However, this doesn't make sense if the parent <section> isn't a landmark in the first place.\n Let's force the section to always be a landmark for now, but we should probably expand on this test\n case pending discussions in https://github.com/w3c/html-aam/pull/484 -->\n<section aria-label=\"x\">\n <aside data-testname=\"el-aside-in-section\" class=\"ex-generic\">x</aside>\n <aside data-testname=\"el-aside-in-section-with-name\" data-expectedrole=\"complementary\" aria-label=\"x\" class=\"ex\">x</aside>\n</section>\n\n<!-- el-footer -->\n<!-- nav>footer -> ./roles-contextual.tentative.html -->\n<footer data-testname=\"el-footer-ancestorbody\" data-expectedrole=\"contentinfo\" class=\"ex\">x</footer>\n<!-- main>footer -> ./roles-contextual.tentative.html -->\n\n<!-- el-header -->\n<!-- nav>header -> ./roles-contextual.tentative.html -->\n<header data-testname=\"el-header-ancestorbody\" data-expectedrole=\"banner\" class=\"ex\">x</header>\n<!-- main>header -> ./roles-contextual.tentative.html -->\n\n<!-- el-section -->\n<section data-testname=\"el-section\" aria-label=\"x\" data-expectedrole=\"region\" class=\"ex\">x</section>\n<section data-testname=\"el-section-no-name\" class=\"ex-generic\">x</section>",-1 1385 "filename": "table-roles.html", -1 1386 "title": "HTML-AAM Role Verification Tests", -1 1387 "html": "<style type=\"text/css\"></style><p>Tests the computedrole mappings for the table-related roles defined in <a href=\"https://w3c.github.io/html-aam/\">HTML-AAM</a>. Most test names correspond to unique ID defined in the spec.<p>\n\n<!-- ARIA table roles tested in wpt/wai-aria/role/table-roles.html -->\n\n<table data-testname=\"el-table\" data-expectedrole=\"table\" class=\"ex\">\n <caption data-testname=\"el-caption\" data-expectedrole=\"caption\" class=\"ex\">caption</caption>\n <thead>\n <tr data-testname=\"el-tr-thead\" data-expectedrole=\"row\" class=\"ex\">\n <th data-testname=\"el-th\" data-expectedrole=\"columnheader\" class=\"ex\">a</th>\n <th>b</th>\n <th>c</th>\n </tr>\n </thead>\n <tbody>\n <tr data-testname=\"el-tr-tbody\" data-expectedrole=\"row\" class=\"ex\">\n <th data-testname=\"el-th-in-row\" data-expectedrole=\"rowheader\" class=\"ex\">1</th>\n <td data-testname=\"el-td\" data-expectedrole=\"cell\" class=\"ex\">2</td>\n <td>3</td>\n </tr>\n <tr>\n <th>4</th>\n <td>5</td>\n <td>6</td>\n </tr>\n </tbody>\n <tfoot>\n <tr>\n <th>x</th>\n <th>y</th>\n <th>z</th>\n </tr>\n </tfoot>\n</table>", 1375 1388 "selector": ".ex" 1376 1389 }, 1377 1390 {1378 -1 "filename": "roles-contextual.html",1379 -1 "title": "HTML-AAM Contextual-Specific Role Verification Tests",1380 -1 "html": "<style type=\"text/css\"></style><p>Tests contextual computedrole mappings defined in <a href=\"https://w3c.github.io/html-aam/\">HTML-AAM</a>, where the returned computed role is expected to change based on the context. Most test names correspond to a unique ID defined in the spec.<p>\n\n<p>These should remain in alphabetical order.</code></p>\n\n\n<!-- el-a -->\n<a href=\"#\" data-testname=\"el-a\" data-expectedrole=\"link\" class=\"ex\">x</a>\n<a data-testname=\"el-a-no-href\" class=\"ex-generic\">x</a>\n\n<!-- el-aside -->\n<aside data-testname=\"el-aside\" data-expectedrole=\"complementary\" class=\"ex\">x</aside>\n<main>\n <aside data-testname=\"el-aside-in-main\" data-expectedrole=\"complementary\" class=\"ex\">x</aside>\n <article>\n <aside data-testname=\"el-aside-in-article-in-main\" class=\"ex-generic\">x</aside>\n <aside data-testname=\"el-aside-in-article-in-main-with-name\" data-expectedrole=\"complementary\" aria-label=\"x\" class=\"ex\">x</aside>\n </article>\n</main>\n<article>\n <aside data-testname=\"el-aside-in-article\" class=\"ex-generic\">x</aside>\n <aside data-testname=\"el-aside-in-article-with-name\" data-expectedrole=\"complementary\" aria-label=\"x\" class=\"ex\">x</aside>\n</article>\n<aside>\n <aside data-testname=\"el-aside-in-aside\" class=\"ex-generic\">x</aside>\n <aside data-testname=\"el-aside-in-aside-with-name\" data-expectedrole=\"complementary\" aria-label=\"x\" class=\"ex\">x</aside>\n</aside>\n<nav>\n <aside data-testname=\"el-aside-in-nav\" class=\"ex-generic\">x</aside>\n <aside data-testname=\"el-aside-in-nav-with-name\" data-expectedrole=\"complementary\" aria-label=\"x\" class=\"ex\">x</aside>\n <aside data-testname=\"el-aside-in-nav-with-role\" data-expectedrole=\"complementary\" class=\"ex\" role=\"complementary\">x</aside>\n</nav>\n<!-- Spec says that the conditional aside mapping happens when nested in a sectioning content element.\n However, this doesn't make sense if the parent <section> isn't a landmark in the first place.\n Let's force the section to always be a landmark for now, but we should probably expand on this test\n case pending discussions in https://github.com/w3c/html-aam/pull/484 -->\n<section aria-label=\"x\">\n <aside data-testname=\"el-aside-in-section\" class=\"ex-generic\">x</aside>\n <aside data-testname=\"el-aside-in-section-with-name\" data-expectedrole=\"complementary\" aria-label=\"x\" class=\"ex\">x</aside>\n</section>\n\n<!-- el-footer -->\n<!-- nav>footer -> ./roles-contextual.tentative.html -->\n<footer data-testname=\"el-footer-ancestorbody\" data-expectedrole=\"contentinfo\" class=\"ex\">x</footer>\n<!-- main>footer -> ./roles-contextual.tentative.html -->\n\n<!-- el-header -->\n<!-- nav>header -> ./roles-contextual.tentative.html -->\n<header data-testname=\"el-header-ancestorbody\" data-expectedrole=\"banner\" class=\"ex\">x</header>\n<!-- main>header -> ./roles-contextual.tentative.html -->\n\n<!-- el-section -->\n<section data-testname=\"el-section\" aria-label=\"x\" data-expectedrole=\"region\" class=\"ex\">x</section>\n<section data-testname=\"el-section-no-name\" class=\"ex-generic\">x</section>",-1 1391 "filename": "roles.html", -1 1392 "title": "HTML-AAM Role Verification Tests", -1 1393 "html": "<style type=\"text/css\"></style><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>\n\n<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><!-- caption -> ./table-roles.html --></code></p>\n\n\n<!-- a (w/ and w/o href) -> ./roles-contextual.html -->\n<!-- todo: abbr -->\n<address data-testname=\"el-address\" data-expectedrole=\"group\" class=\"ex\">x</address>\n<!-- area -> ./fragile/area-role.html -->\n<article data-testname=\"el-article\" data-expectedrole=\"article\" class=\"ex\">x</article>\n<!-- aside -> ./roles-contextual.html -->\n<!-- todo: audio -->\n<!-- todo: autonomous custom element -->\n<!-- b -> ./roles-generic.html -->\n<!-- base (not mapped) -->\n<!-- bdi -> ./roles-generic.html -->\n<!-- bdo -> ./roles-generic.html -->\n<blockquote data-testname=\"el-blockquote\" data-expectedrole=\"blockquote\" class=\"ex\">x</blockquote>\n<!-- todo: body -->\n<!-- br (not mapped) -->\n<button data-testname=\"el-button\" data-expectedrole=\"button\" class=\"ex\">x</button>\n<!-- todo: canvas -->\n<!-- caption -> ./table-roles.html -->\n<!-- todo: cite -->\n<code data-testname=\"el-code\" data-expectedrole=\"code\" class=\"ex\">x</code>\n<!-- todo: col -->\n<!-- todo: colgroup -->\n<!-- data -> ./roles-generic.html -->\n<!-- todo: datalist -->\n\n<!-- el-dd -->\n<dl>\n <dt>x</dt>\n <!-- dt/dd pending listitemkey and listitemvalue roles: https://github.com/w3c/aria/issues/1662 -->\n <dd data-testname=\"el-dd\" data-expectedrole=\"definition\" class=\"ex\">x</dd>\n</dl>\n\n<del data-testname=\"el-del\" data-expectedrole=\"deletion\" class=\"ex\">x</del>\n<details data-testname=\"el-details\" data-expectedrole=\"group\" class=\"ex\"><summary>x</summary>x</details>\n<dfn data-testname=\"el-dfn\" data-expectedrole=\"term\" class=\"ex\">x</dfn>\n<!-- dir -> ./dir-role.tentative.html -->\n<!-- div -> ./roles-generic.html -->\n<!-- todo: dl -->\n\n<!-- el-dt -->\n<dl>\n <!-- dt/dd pending listitemkey and listitemvalue roles: https://github.com/w3c/aria/issues/1662 -->\n <dt data-testname=\"el-dt\" data-expectedrole=\"term\" class=\"ex\">x</dt>\n <dd>x</dd>\n</dl>\n\n<em data-testname=\"el-em\" data-expectedrole=\"emphasis\" class=\"ex\">x</em>\n<!-- todo: embed -->\n<fieldset data-testname=\"el-fieldset\" data-expectedrole=\"group\" class=\"ex\"><legend>x</legend><input></fieldset>\n<!-- todo: figcaption -->\n<figure data-testname=\"el-figure\" data-expectedrole=\"figure\" class=\"ex\"><img alt=\"x\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\"><figcaption>x</figcaption></figure>\n<!-- footer -> ./roles-contextual.html -->\n<form aria-label=\"form\" data-testname=\"el-form\" data-expectedrole=\"form\" class=\"ex\"><input></form>\n<!-- todo: form-associated custom element -->\n\n<!-- el-h1-h6 -->\n<h1 data-testname=\"el-h1\" data-expectedrole=\"heading\" class=\"ex\">x</h1>\n<h2 data-testname=\"el-h2\" data-expectedrole=\"heading\" class=\"ex\">x</h2>\n<h3 data-testname=\"el-h3\" data-expectedrole=\"heading\" class=\"ex\">x</h3>\n<h4 data-testname=\"el-h4\" data-expectedrole=\"heading\" class=\"ex\">x</h4>\n<h5 data-testname=\"el-h5\" data-expectedrole=\"heading\" class=\"ex\">x</h5>\n<h6 data-testname=\"el-h6\" data-expectedrole=\"heading\" class=\"ex\">x</h6>\n\n<!-- head (not mapped) -->\n\n<!-- header -> ./roles-contextual.html -->\n<hgroup data-testname=\"el-hgroup\" data-expectedrole=\"group\" class=\"ex\"><h1>x</h1></hgroup>\n<hr data-testname=\"el-hr\" data-expectedrole=\"separator\" class=\"ex\">\n<!-- todo: html -->\n<!-- i -> ./roles-generic.html -->\n<!-- todo: iframe -->\n<img alt=\"x\" data-testname=\"el-img\" data-expectedrole=\"image\" class=\"ex\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\">\n\n<!-- Implementations might also be valid if ignored rather than returning 'none' for the following images. -->\n<img alt data-testname=\"el-img-alt-no-value\" class=\"ex-generic\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\">\n<img alt=\"\" data-testname=\"el-img-empty-alt\" class=\"ex-generic\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\">\n\n<!-- img with empty alt but other naming mechanism -> ./roles-contextual.html -->\n\n<input type=\"button\" value=\"x\" data-testname=\"el-input-button\" data-expectedrole=\"button\" class=\"ex\">\n<input type=\"checkbox\" data-testname=\"el-input-checkbox\" data-expectedrole=\"checkbox\" class=\"ex\">\n<!-- todo: input type=\"color\" -->\n<!-- todo: input type=\"date\" -->\n<!-- todo: input type=\"datetime\" -->\n<!-- todo: input type=\"datetime-local\" -->\n<input type=\"email\" data-testname=\"el-input-email\" data-expectedrole=\"textbox\" class=\"ex\">\n<!-- todo: input type=\"file\" -->\n<!-- input type=\"hidden\" (not mapped) -->\n<!-- todo: input type=\"month\" -->\n\n<!-- Blocked: HTML-AAM Issue #467 -->\n<!-- <input type=\"number\" data-testname=\"el-input-number\" data-expectedrole=\"spinbutton\" class=\"ex\"> -->\n\n<!-- todo: input type=\"password\" -->\n<input type=\"radio\" data-testname=\"el-input-radio\" data-expectedrole=\"radio\" class=\"ex\">\n<input type=\"range\" data-testname=\"el-input-range\" data-expectedrole=\"slider\" class=\"ex\">\n<input type=\"reset\" value=\"x\" data-testname=\"el-input-reset\" data-expectedrole=\"button\" class=\"ex\">\n<input type=\"search\" data-testname=\"el-input-search\" data-expectedrole=\"searchbox\" class=\"ex\">\n<!-- An ARIA role should override type=\"search\". -->\n<input type=\"search\" role=\"combobox\" data-testname=\"el-input-search-with-role\" data-expectedrole=\"combobox\" class=\"ex\">\n<input type=\"submit\" value=\"x\" data-testname=\"el-input-submit\" data-expectedrole=\"button\" class=\"ex\">\n<input type=\"tel\" data-testname=\"el-input-tel\" data-expectedrole=\"textbox\" class=\"ex\">\n<input type=\"text\" data-testname=\"el-input-text\" data-expectedrole=\"textbox\" class=\"ex\">\n<!-- todo: input (type attribute in the Text, Search, Telephone, URL, or E-mail states with a suggestions source element) -->\n<!-- todo: input type=\"time\" -->\n<input type=\"url\" data-testname=\"el-input-url\" data-expectedrole=\"textbox\" class=\"ex\">\n<!-- todo: input type=\"week\" -->\n<ins data-testname=\"el-ins\" data-expectedrole=\"insertion\" class=\"ex\">x</ins>\n<!-- todo: kbd -->\n<!-- todo: label -->\n<!-- todo: legend -->\n\n<!-- el-li -->\n<!-- li (orphaned) -> ./roles-generic.html -->\n<ul><li data-testname=\"el-li-in-ul\" data-expectedrole=\"listitem\" class=\"ex\">x</li><li>x</li></ul>\n<ol><li data-testname=\"el-li-in-ol\" data-expectedrole=\"listitem\" class=\"ex\">x</li><li>x</li></ol>\n\n<!-- link (not mapped) -->\n<main data-testname=\"el-main\" data-expectedrole=\"main\" class=\"ex\">x</main>\n<!-- map (not mapped) -->\n<mark data-testname=\"el-mark\" data-expectedrole=\"mark\" class=\"ex\">x</mark>\n<!-- todo: math -->\n<menu data-testname=\"el-menu\" data-expectedrole=\"list\" class=\"ex\"><li>x</li></menu>\n<!-- meta (not mapped) -->\n<meter data-testname=\"el-meter\" data-expectedrole=\"meter\" class=\"ex\" min=\"0\" max=\"100\" low=\"20\" high=\"80\" optimum=\"60\" value=\"50\">x</meter>\n<nav data-testname=\"el-nav\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<!-- noscript (not mapped) -->\n<!-- object (not mapped) -->\n<ol data-testname=\"el-ol\" data-expectedrole=\"list\" class=\"ex\"><li>x</li><li>x</li></ol>\n\n<!-- optgroup -> ./fragile/optgroup-role.html -->\n\n<!-- option -->\n<select>\n <option data-testname=\"el-option\" data-expectedrole=\"option\" class=\"ex\">x</option>\n <option>x</option>\n</select>\n\n<output data-testname=\"el-output\" data-expectedrole=\"status\" class=\"ex\">x</output>\n<p data-testname=\"el-p\" data-expectedrole=\"paragraph\" class=\"ex\">x</p>\n<!-- param (not mapped) -->\n<!-- todo: picture -->\n<!-- pre -> ./roles-generic.html -->\n<progress data-testname=\"el-progress\" data-expectedrole=\"progressbar\" class=\"ex\">x</progress>\n<!-- q -> ./roles-generic.html -->\n<!-- todo: rp -> /ruby-aam? -->\n<!-- todo: rt -> /ruby-aam? -->\n<!-- todo: ruby -> /ruby-aam? -->\n<s data-testname=\"el-s\" data-expectedrole=\"deletion\" class=\"ex\">x</s>\n<!-- samp -> ./roles-generic.html -->\n<!-- script (not mapped) -->\n<search data-testname=\"el-search\" data-expectedrole=\"search\" class=\"ex\">x</search>\n<!-- section -> ./roles-contextual.html -->\n\n<!-- Blocked: HTML-AAM Issue #467 -->\n<!-- <select data-testname=\"el-select-combobox\" data-expectedrole=\"combobox\" class=\"ex\"><option>a1</option><option>a2</option></select>-->\n\n<select data-testname=\"el-select-listbox\" size=\"2\" data-expectedrole=\"listbox\" class=\"ex\"><option>b1</option><option>b2</option></select>\n\n<!-- slot (not mapped) -->\n<!-- small -> ./roles-generic.html -->\n<!-- source (not mapped) -->\n<!-- span -> ./roles-generic.html -->\n<strong data-testname=\"el-strong\" data-expectedrole=\"strong\" class=\"ex\">x</strong>\n<!-- style (not mapped) -->\n<sub data-testname=\"el-sub\" data-expectedrole=\"subscript\" class=\"ex\">x</sub>\n<!-- todo: summary -->\n<sup data-testname=\"el-sup\" data-expectedrole=\"superscript\" class=\"ex\">x</sup>\n<!-- todo: svg (see /graphics-aam and /svg-aam tests) -->\n<!-- table -> ./table-roles.html -->\n<!-- tbody -> ./table-roles.html -->\n<!-- td -> ./table-roles.html -->\n<!-- template (not mapped) -->\n<!-- tfoot -> ./table-roles.html -->\n<!-- th -> ./table-roles.html -->\n<!-- thead -> ./table-roles.html -->\n<time data-testname=\"el-time\" data-expectedrole=\"time\" class=\"ex\">x</time>\n<!-- title (not mapped) -->\n<!-- tr -> ./table-roles.html -->\n<textarea data-testname=\"el-textarea\" data-expectedrole=\"textbox\" class=\"ex\">x</textarea>\n<!-- track (not mapped) -->\n<!-- u -> ./roles-generic.html -->\n<ul data-testname=\"el-ul\" data-expectedrole=\"list\" class=\"ex\"><li>x</li><li>x</li></ul>\n<!-- var (not mapped) -->\n<!-- todo: video -->\n<!-- wbr (not mapped) -->", -1 1394 "selector": ".ex" -1 1395 }, -1 1396 { -1 1397 "filename": "roles.html", -1 1398 "title": "HTML-AAM Role Verification Tests", -1 1399 "html": "<style type=\"text/css\"></style><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>\n\n<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><!-- caption -> ./table-roles.html --></code></p>\n\n\n<!-- a (w/ and w/o href) -> ./roles-contextual.html -->\n<!-- todo: abbr -->\n<address data-testname=\"el-address\" data-expectedrole=\"group\" class=\"ex\">x</address>\n<!-- area -> ./fragile/area-role.html -->\n<article data-testname=\"el-article\" data-expectedrole=\"article\" class=\"ex\">x</article>\n<!-- aside -> ./roles-contextual.html -->\n<!-- todo: audio -->\n<!-- todo: autonomous custom element -->\n<!-- b -> ./roles-generic.html -->\n<!-- base (not mapped) -->\n<!-- bdi -> ./roles-generic.html -->\n<!-- bdo -> ./roles-generic.html -->\n<blockquote data-testname=\"el-blockquote\" data-expectedrole=\"blockquote\" class=\"ex\">x</blockquote>\n<!-- todo: body -->\n<!-- br (not mapped) -->\n<button data-testname=\"el-button\" data-expectedrole=\"button\" class=\"ex\">x</button>\n<!-- todo: canvas -->\n<!-- caption -> ./table-roles.html -->\n<!-- todo: cite -->\n<code data-testname=\"el-code\" data-expectedrole=\"code\" class=\"ex\">x</code>\n<!-- todo: col -->\n<!-- todo: colgroup -->\n<!-- data -> ./roles-generic.html -->\n<!-- todo: datalist -->\n\n<!-- el-dd -->\n<dl>\n <dt>x</dt>\n <!-- dt/dd pending listitemkey and listitemvalue roles: https://github.com/w3c/aria/issues/1662 -->\n <dd data-testname=\"el-dd\" data-expectedrole=\"definition\" class=\"ex\">x</dd>\n</dl>\n\n<del data-testname=\"el-del\" data-expectedrole=\"deletion\" class=\"ex\">x</del>\n<details data-testname=\"el-details\" data-expectedrole=\"group\" class=\"ex\"><summary>x</summary>x</details>\n<dfn data-testname=\"el-dfn\" data-expectedrole=\"term\" class=\"ex\">x</dfn>\n<!-- dir -> ./dir-role.tentative.html -->\n<!-- div -> ./roles-generic.html -->\n<!-- todo: dl -->\n\n<!-- el-dt -->\n<dl>\n <!-- dt/dd pending listitemkey and listitemvalue roles: https://github.com/w3c/aria/issues/1662 -->\n <dt data-testname=\"el-dt\" data-expectedrole=\"term\" class=\"ex\">x</dt>\n <dd>x</dd>\n</dl>\n\n<em data-testname=\"el-em\" data-expectedrole=\"emphasis\" class=\"ex\">x</em>\n<!-- todo: embed -->\n<fieldset data-testname=\"el-fieldset\" data-expectedrole=\"group\" class=\"ex\"><legend>x</legend><input></fieldset>\n<!-- todo: figcaption -->\n<figure data-testname=\"el-figure\" data-expectedrole=\"figure\" class=\"ex\"><img alt=\"x\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\"><figcaption>x</figcaption></figure>\n<!-- footer -> ./roles-contextual.html -->\n<form aria-label=\"form\" data-testname=\"el-form\" data-expectedrole=\"form\" class=\"ex\"><input></form>\n<!-- todo: form-associated custom element -->\n\n<!-- el-h1-h6 -->\n<h1 data-testname=\"el-h1\" data-expectedrole=\"heading\" class=\"ex\">x</h1>\n<h2 data-testname=\"el-h2\" data-expectedrole=\"heading\" class=\"ex\">x</h2>\n<h3 data-testname=\"el-h3\" data-expectedrole=\"heading\" class=\"ex\">x</h3>\n<h4 data-testname=\"el-h4\" data-expectedrole=\"heading\" class=\"ex\">x</h4>\n<h5 data-testname=\"el-h5\" data-expectedrole=\"heading\" class=\"ex\">x</h5>\n<h6 data-testname=\"el-h6\" data-expectedrole=\"heading\" class=\"ex\">x</h6>\n\n<!-- head (not mapped) -->\n\n<!-- header -> ./roles-contextual.html -->\n<hgroup data-testname=\"el-hgroup\" data-expectedrole=\"group\" class=\"ex\"><h1>x</h1></hgroup>\n<hr data-testname=\"el-hr\" data-expectedrole=\"separator\" class=\"ex\">\n<!-- todo: html -->\n<!-- i -> ./roles-generic.html -->\n<!-- todo: iframe -->\n<img alt=\"x\" data-testname=\"el-img\" data-expectedrole=\"image\" class=\"ex\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\">\n\n<!-- Implementations might also be valid if ignored rather than returning 'none' for the following images. -->\n<img alt data-testname=\"el-img-alt-no-value\" class=\"ex-generic\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\">\n<img alt=\"\" data-testname=\"el-img-empty-alt\" class=\"ex-generic\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\">\n\n<!-- img with empty alt but other naming mechanism -> ./roles-contextual.html -->\n\n<input type=\"button\" value=\"x\" data-testname=\"el-input-button\" data-expectedrole=\"button\" class=\"ex\">\n<input type=\"checkbox\" data-testname=\"el-input-checkbox\" data-expectedrole=\"checkbox\" class=\"ex\">\n<!-- todo: input type=\"color\" -->\n<!-- todo: input type=\"date\" -->\n<!-- todo: input type=\"datetime\" -->\n<!-- todo: input type=\"datetime-local\" -->\n<input type=\"email\" data-testname=\"el-input-email\" data-expectedrole=\"textbox\" class=\"ex\">\n<!-- todo: input type=\"file\" -->\n<!-- input type=\"hidden\" (not mapped) -->\n<!-- todo: input type=\"month\" -->\n\n<!-- Blocked: HTML-AAM Issue #467 -->\n<!-- <input type=\"number\" data-testname=\"el-input-number\" data-expectedrole=\"spinbutton\" class=\"ex\"> -->\n\n<!-- todo: input type=\"password\" -->\n<input type=\"radio\" data-testname=\"el-input-radio\" data-expectedrole=\"radio\" class=\"ex\">\n<input type=\"range\" data-testname=\"el-input-range\" data-expectedrole=\"slider\" class=\"ex\">\n<input type=\"reset\" value=\"x\" data-testname=\"el-input-reset\" data-expectedrole=\"button\" class=\"ex\">\n<input type=\"search\" data-testname=\"el-input-search\" data-expectedrole=\"searchbox\" class=\"ex\">\n<!-- An ARIA role should override type=\"search\". -->\n<input type=\"search\" role=\"combobox\" data-testname=\"el-input-search-with-role\" data-expectedrole=\"combobox\" class=\"ex\">\n<input type=\"submit\" value=\"x\" data-testname=\"el-input-submit\" data-expectedrole=\"button\" class=\"ex\">\n<input type=\"tel\" data-testname=\"el-input-tel\" data-expectedrole=\"textbox\" class=\"ex\">\n<input type=\"text\" data-testname=\"el-input-text\" data-expectedrole=\"textbox\" class=\"ex\">\n<!-- todo: input (type attribute in the Text, Search, Telephone, URL, or E-mail states with a suggestions source element) -->\n<!-- todo: input type=\"time\" -->\n<input type=\"url\" data-testname=\"el-input-url\" data-expectedrole=\"textbox\" class=\"ex\">\n<!-- todo: input type=\"week\" -->\n<ins data-testname=\"el-ins\" data-expectedrole=\"insertion\" class=\"ex\">x</ins>\n<!-- todo: kbd -->\n<!-- todo: label -->\n<!-- todo: legend -->\n\n<!-- el-li -->\n<!-- li (orphaned) -> ./roles-generic.html -->\n<ul><li data-testname=\"el-li-in-ul\" data-expectedrole=\"listitem\" class=\"ex\">x</li><li>x</li></ul>\n<ol><li data-testname=\"el-li-in-ol\" data-expectedrole=\"listitem\" class=\"ex\">x</li><li>x</li></ol>\n\n<!-- link (not mapped) -->\n<main data-testname=\"el-main\" data-expectedrole=\"main\" class=\"ex\">x</main>\n<!-- map (not mapped) -->\n<mark data-testname=\"el-mark\" data-expectedrole=\"mark\" class=\"ex\">x</mark>\n<!-- todo: math -->\n<menu data-testname=\"el-menu\" data-expectedrole=\"list\" class=\"ex\"><li>x</li></menu>\n<!-- meta (not mapped) -->\n<meter data-testname=\"el-meter\" data-expectedrole=\"meter\" class=\"ex\" min=\"0\" max=\"100\" low=\"20\" high=\"80\" optimum=\"60\" value=\"50\">x</meter>\n<nav data-testname=\"el-nav\" data-expectedrole=\"navigation\" class=\"ex\">x</nav>\n<!-- noscript (not mapped) -->\n<!-- object (not mapped) -->\n<ol data-testname=\"el-ol\" data-expectedrole=\"list\" class=\"ex\"><li>x</li><li>x</li></ol>\n\n<!-- optgroup -> ./fragile/optgroup-role.html -->\n\n<!-- option -->\n<select>\n <option data-testname=\"el-option\" data-expectedrole=\"option\" class=\"ex\">x</option>\n <option>x</option>\n</select>\n\n<output data-testname=\"el-output\" data-expectedrole=\"status\" class=\"ex\">x</output>\n<p data-testname=\"el-p\" data-expectedrole=\"paragraph\" class=\"ex\">x</p>\n<!-- param (not mapped) -->\n<!-- todo: picture -->\n<!-- pre -> ./roles-generic.html -->\n<progress data-testname=\"el-progress\" data-expectedrole=\"progressbar\" class=\"ex\">x</progress>\n<!-- q -> ./roles-generic.html -->\n<!-- todo: rp -> /ruby-aam? -->\n<!-- todo: rt -> /ruby-aam? -->\n<!-- todo: ruby -> /ruby-aam? -->\n<s data-testname=\"el-s\" data-expectedrole=\"deletion\" class=\"ex\">x</s>\n<!-- samp -> ./roles-generic.html -->\n<!-- script (not mapped) -->\n<search data-testname=\"el-search\" data-expectedrole=\"search\" class=\"ex\">x</search>\n<!-- section -> ./roles-contextual.html -->\n\n<!-- Blocked: HTML-AAM Issue #467 -->\n<!-- <select data-testname=\"el-select-combobox\" data-expectedrole=\"combobox\" class=\"ex\"><option>a1</option><option>a2</option></select>-->\n\n<select data-testname=\"el-select-listbox\" size=\"2\" data-expectedrole=\"listbox\" class=\"ex\"><option>b1</option><option>b2</option></select>\n\n<!-- slot (not mapped) -->\n<!-- small -> ./roles-generic.html -->\n<!-- source (not mapped) -->\n<!-- span -> ./roles-generic.html -->\n<strong data-testname=\"el-strong\" data-expectedrole=\"strong\" class=\"ex\">x</strong>\n<!-- style (not mapped) -->\n<sub data-testname=\"el-sub\" data-expectedrole=\"subscript\" class=\"ex\">x</sub>\n<!-- todo: summary -->\n<sup data-testname=\"el-sup\" data-expectedrole=\"superscript\" class=\"ex\">x</sup>\n<!-- todo: svg (see /graphics-aam and /svg-aam tests) -->\n<!-- table -> ./table-roles.html -->\n<!-- tbody -> ./table-roles.html -->\n<!-- td -> ./table-roles.html -->\n<!-- template (not mapped) -->\n<!-- tfoot -> ./table-roles.html -->\n<!-- th -> ./table-roles.html -->\n<!-- thead -> ./table-roles.html -->\n<time data-testname=\"el-time\" data-expectedrole=\"time\" class=\"ex\">x</time>\n<!-- title (not mapped) -->\n<!-- tr -> ./table-roles.html -->\n<textarea data-testname=\"el-textarea\" data-expectedrole=\"textbox\" class=\"ex\">x</textarea>\n<!-- track (not mapped) -->\n<!-- u -> ./roles-generic.html -->\n<ul data-testname=\"el-ul\" data-expectedrole=\"list\" class=\"ex\"><li>x</li><li>x</li></ul>\n<!-- var (not mapped) -->\n<!-- todo: video -->\n<!-- wbr (not mapped) -->", 1381 1400 "role": "generic", 1382 1401 "selector": ".ex-generic" 1383 1402 }, @@ -1409,16 +1428,16 @@ window.wpt["svg-aam"] = [ 1409 1428 "selector": ".ex" 1410 1429 }, 1411 1430 {1412 -1 "filename": "roles.html",1413 -1 "title": "SVG-AAM Role Verification Tests",1414 -1 "html": "<style type=\"text/css\"></style><p>Tests the mappings defined in <a href=\"https://w3c.github.io/svg-aam/#mapping_role_table\">SVG-AAM: 6.2 Element Mapping</a>.<p>\n\n<h2>Simple Elements With aria-label to Ensure Tree Inclusion</h2>\n<svg>\n <!-- Some elements skipped: never-rendered elements can return unpredicable/undefined/unspecified values for computedrole. -->\n <a href=\"#\" data-testname=\"el-a[href]\" data-expectedrole=\"link\" aria-label=\"label\" class=\"ex\">x</a>\n <a xlink:href=\"#\" data-testname=\"el-a[xlink:href]\" data-expectedrole=\"link\" aria-label=\"label\" class=\"ex\">x</a>\n <!-- skipped: animate -->\n <!-- skipped: animateMotion -->\n <!-- skipped: animateTransform -->\n <!-- blocked: audio -> https://github.com/w3c/html-aam/issues/511 -->\n <!-- todo: canvas -> follow HTML -->\n <!-- blocked: circle -> https://github.com/w3c/svg-aam/issues/24 -->\n <!-- n/a: clipPath -->\n <!-- n/a: cursor -->\n <!-- n/a: defs -->\n <!-- n/a: desc -->\n <!-- n/a: discard -->\n <!-- blocked: ellipse -> https://github.com/w3c/svg-aam/issues/24 -->\n <!-- n/a: feBlend -->\n <!-- n/a: feColorMatrix -->\n <!-- n/a: feComponentTransfer -->\n <!-- n/a: feComposite -->\n <!-- n/a: feConvolveMatrix -->\n <!-- n/a: feDiffuseLighting -->\n <!-- n/a: feDisplacementMap -->\n <!-- n/a: feDistantLight -->\n <!-- n/a: feDropShadow -->\n <!-- n/a: feFlood -->\n <!-- n/a: feFuncA -->\n <!-- n/a: feFuncB -->\n <!-- n/a: feFuncG -->\n <!-- n/a: feFuncR -->\n <!-- n/a: feGaussianBlur -->\n <!-- n/a: feImage -->\n <!-- n/a: feMerge -->\n <!-- n/a: feMergeNode -->\n <!-- n/a: feMorphology -->\n <!-- n/a: feOffset -->\n <!-- n/a: fePointLight -->\n <!-- n/a: feSpecularLighting -->\n <!-- n/a: feSpotLight -->\n <!-- n/a: feTile -->\n <!-- n/a: feTurbulence -->\n <!-- n/a: filter -->\n <!-- todo: foreignObject (spec says `group` role if rendered and labeled) -->\n <g fill=\"white\" stroke=\"green\" stroke-width=\"2\" data-testname=\"el-g\" data-expectedrole=\"group\" aria-label=\"label\" class=\"ex\">\n <circle cx=\"40\" cy=\"40\" r=\"25\" />\n </g>\n <!-- n/a: hatch -->\n <!-- n/a: hatchPath -->\n <!-- todo: iframe -> follow HTML -->\n <image data-testname=\"el-image\" data-expectedrole=\"image\" aria-label=\"label\" class=\"ex\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\"></image>\n <!-- blocked: line -> https://github.com/w3c/svg-aam/issues/24 -->\n <!-- n/a: linearGradient -->\n <!-- n/a: marker -->\n <!-- n/a: mask -->\n <!-- todo: mesh (spec says `image` role if rendered and labeled) -->\n <!-- n/a: meshPatch -->\n <!-- n/a: meshRow -->\n <!-- n/a: metadata -->\n <!-- n/a: mpath -->\n <!-- blocked: path -> https://github.com/w3c/svg-aam/issues/24 -->\n <!-- n/a: pattern -->\n <!-- blocked: polygon -> https://github.com/w3c/svg-aam/issues/24 -->\n <!-- blocked: polyline -> https://github.com/w3c/svg-aam/issues/24 -->\n <!-- n/a: radialGradient -->\n <!-- blocked: rect -> https://github.com/w3c/svg-aam/issues/24 -->\n <!-- n/a: script -->\n <!-- n/a: set -->\n <!-- n/a: solidColor -->\n <!-- todo: source -> follow HTML -->\n <!-- n/a: stop -->\n <!-- n/a: style -->\n <!-- blocked: svg -> https://github.com/w3c/svg-aam/issues/18 -->\n <!-- n/a: switch -->\n <!-- blocked: symbol -> https://github.com/w3c/svg-aam/issues/24 -->\n <!-- blocked: text -> https://github.com/w3c/svg-aam/issues/33 -->\n <!-- blocked: textPath -> https://w3c.github.io/svg-aam/#textpath-tspan-mappings-issue-->\n <!-- n/a: title -->\n <!-- todo: track -> follow HTML -->\n <!-- blocked: tspan -> https://w3c.github.io/svg-aam/#textpath-tspan-mappings-issue -->\n <!-- blocked: use -> https://github.com/w3c/svg-aam/issues/24 -->\n <!-- todo: video -> follow HTML -->\n <!-- n/a: view -->\n</svg>",1415 -1 "selector": ".ex"1416 -1 },1417 -1 {1418 1431 "filename": "roles-generic.html", 1419 1432 "title": "SVG-AAM Generic Role Verification Tests", 1420 1433 "html": "<style type=\"text/css\"></style><p>Tests ONLY the default <code>generic</code> mappings defined in <a href=\"https://w3c.github.io/svg-aam/#include_elements\">SVG-AAM: 5.1.2 Including Elements in the Accessibility Tree</a>.</p>\n\n<h2>Simple Elements</h2>\n<!-- Note: adding an inoccuous label, tabindex, or some other accessible marker may cause the computedrole result to change. -->\n<svg>\n <!-- Some elements skipped: never-rendered elements can return unpredicable/undefined/unspecified values for computedrole. -->\n <circle data-testname=\"el-circle\" class=\"ex-generic\"></circle>\n <ellipse data-testname=\"el-ellipse\" class=\"ex-generic\"></ellipse>\n <foreignObject data-testname=\"el-foreignObject\" class=\"ex-generic\"></foreignObject>\n <g data-testname=\"el-g\" class=\"ex-generic\"></g>\n <!-- image -> in ./role-img.tentative.html -->\n <line data-testname=\"el-line\" class=\"ex-generic\"></line>\n <!-- skipped: mesh -->\n <path data-testname=\"el-path\" class=\"ex-generic\"></path>\n <polygon data-testname=\"el-polygon\" class=\"ex-generic\"></polygon>\n <polyline data-testname=\"el-polyline\" class=\"ex-generic\"></polyline>\n <rect data-testname=\"el-rect\" class=\"ex-generic\"></rect>\n <!-- blocked: textPath -> https://w3c.github.io/svg-aam/#textpath-tspan-mappings-issue-->\n <!-- blocked: tspan -> https://w3c.github.io/svg-aam/#textpath-tspan-mappings-issue -->\n <!-- skipped: use -->\n</svg>", 1421 1434 "role": "generic", 1422 1435 "selector": ".ex-generic" -1 1436 }, -1 1437 { -1 1438 "filename": "roles.html", -1 1439 "title": "SVG-AAM Role Verification Tests", -1 1440 "html": "<style type=\"text/css\"></style><p>Tests the mappings defined in <a href=\"https://w3c.github.io/svg-aam/#mapping_role_table\">SVG-AAM: 6.2 Element Mapping</a>.<p>\n\n<h2>Simple Elements With aria-label to Ensure Tree Inclusion</h2>\n<svg>\n <!-- Some elements skipped: never-rendered elements can return unpredicable/undefined/unspecified values for computedrole. -->\n <a href=\"#\" data-testname=\"el-a[href]\" data-expectedrole=\"link\" aria-label=\"label\" class=\"ex\">x</a>\n <a xlink:href=\"#\" data-testname=\"el-a[xlink:href]\" data-expectedrole=\"link\" aria-label=\"label\" class=\"ex\">x</a>\n <!-- skipped: animate -->\n <!-- skipped: animateMotion -->\n <!-- skipped: animateTransform -->\n <!-- blocked: audio -> https://github.com/w3c/html-aam/issues/511 -->\n <!-- todo: canvas -> follow HTML -->\n <!-- blocked: circle -> https://github.com/w3c/svg-aam/issues/24 -->\n <!-- n/a: clipPath -->\n <!-- n/a: cursor -->\n <!-- n/a: defs -->\n <!-- n/a: desc -->\n <!-- n/a: discard -->\n <!-- blocked: ellipse -> https://github.com/w3c/svg-aam/issues/24 -->\n <!-- n/a: feBlend -->\n <!-- n/a: feColorMatrix -->\n <!-- n/a: feComponentTransfer -->\n <!-- n/a: feComposite -->\n <!-- n/a: feConvolveMatrix -->\n <!-- n/a: feDiffuseLighting -->\n <!-- n/a: feDisplacementMap -->\n <!-- n/a: feDistantLight -->\n <!-- n/a: feDropShadow -->\n <!-- n/a: feFlood -->\n <!-- n/a: feFuncA -->\n <!-- n/a: feFuncB -->\n <!-- n/a: feFuncG -->\n <!-- n/a: feFuncR -->\n <!-- n/a: feGaussianBlur -->\n <!-- n/a: feImage -->\n <!-- n/a: feMerge -->\n <!-- n/a: feMergeNode -->\n <!-- n/a: feMorphology -->\n <!-- n/a: feOffset -->\n <!-- n/a: fePointLight -->\n <!-- n/a: feSpecularLighting -->\n <!-- n/a: feSpotLight -->\n <!-- n/a: feTile -->\n <!-- n/a: feTurbulence -->\n <!-- n/a: filter -->\n <!-- todo: foreignObject (spec says `group` role if rendered and labeled) -->\n <g fill=\"white\" stroke=\"green\" stroke-width=\"2\" data-testname=\"el-g\" data-expectedrole=\"group\" aria-label=\"label\" class=\"ex\">\n <circle cx=\"40\" cy=\"40\" r=\"25\" />\n </g>\n <!-- n/a: hatch -->\n <!-- n/a: hatchPath -->\n <!-- todo: iframe -> follow HTML -->\n <image data-testname=\"el-image\" data-expectedrole=\"image\" aria-label=\"label\" class=\"ex\" src=\"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\"></image>\n <!-- blocked: line -> https://github.com/w3c/svg-aam/issues/24 -->\n <!-- n/a: linearGradient -->\n <!-- n/a: marker -->\n <!-- n/a: mask -->\n <!-- todo: mesh (spec says `image` role if rendered and labeled) -->\n <!-- n/a: meshPatch -->\n <!-- n/a: meshRow -->\n <!-- n/a: metadata -->\n <!-- n/a: mpath -->\n <!-- blocked: path -> https://github.com/w3c/svg-aam/issues/24 -->\n <!-- n/a: pattern -->\n <!-- blocked: polygon -> https://github.com/w3c/svg-aam/issues/24 -->\n <!-- blocked: polyline -> https://github.com/w3c/svg-aam/issues/24 -->\n <!-- n/a: radialGradient -->\n <!-- blocked: rect -> https://github.com/w3c/svg-aam/issues/24 -->\n <!-- n/a: script -->\n <!-- n/a: set -->\n <!-- n/a: solidColor -->\n <!-- todo: source -> follow HTML -->\n <!-- n/a: stop -->\n <!-- n/a: style -->\n <!-- blocked: svg -> https://github.com/w3c/svg-aam/issues/18 -->\n <!-- n/a: switch -->\n <!-- blocked: symbol -> https://github.com/w3c/svg-aam/issues/24 -->\n <!-- blocked: text -> https://github.com/w3c/svg-aam/issues/33 -->\n <!-- blocked: textPath -> https://w3c.github.io/svg-aam/#textpath-tspan-mappings-issue-->\n <!-- n/a: title -->\n <!-- todo: track -> follow HTML -->\n <!-- blocked: tspan -> https://w3c.github.io/svg-aam/#textpath-tspan-mappings-issue -->\n <!-- blocked: use -> https://github.com/w3c/svg-aam/issues/24 -->\n <!-- todo: video -> follow HTML -->\n <!-- n/a: view -->\n</svg>", -1 1441 "selector": ".ex" 1423 1442 } 1424 1443 ];