diff options
Diffstat (limited to 'devtools/server/tests/browser/doc_accessibility_text_label_audit.html')
| -rw-r--r-- | devtools/server/tests/browser/doc_accessibility_text_label_audit.html | 72 |
1 files changed, 42 insertions, 30 deletions
diff --git a/devtools/server/tests/browser/doc_accessibility_text_label_audit.html b/devtools/server/tests/browser/doc_accessibility_text_label_audit.html index 982cc5c243..24a23c96f0 100644 --- a/devtools/server/tests/browser/doc_accessibility_text_label_audit.html +++ b/devtools/server/tests/browser/doc_accessibility_text_label_audit.html @@ -61,13 +61,17 @@ <tr><th id="rowheader-7" scope="row" aria-labelledby="columnheader-7-label"></th></tr> </tbody> </table> - <div role="columnheader" id="columnheader-8">Film Title</div> - <div role="columnheader" id="columnheader-9"></div> - <div role="columnheader" id="columnheader-10"> </div> - <div role="columnheader" id="columnheader-11" aria-label="Worldwide Gross"></div> - <div role="columnheader" id="columnheader-12" aria-label=""></div> - <div role="columnheader" id="columnheader-13" aria-label=" "></div> - <div role="columnheader" id="columnheader-14" aria-labelledby="columnheader-7-label"></div> + <div role="grid"> + <div role="row"> + <div role="columnheader" id="columnheader-8">Film Title</div> + <div role="columnheader" id="columnheader-9"></div> + <div role="columnheader" id="columnheader-10"> </div> + <div role="columnheader" id="columnheader-11" aria-label="Worldwide Gross"></div> + <div role="columnheader" id="columnheader-12" aria-label=""></div> + <div role="columnheader" id="columnheader-13" aria-label=" "></div> + <div role="columnheader" id="columnheader-14" aria-labelledby="columnheader-7-label"></div> + </div> + </div> <label for="combobox-1">Choose a pet:</label> <select id="combobox-1"> <option id="combobox-option-1" value="">--Please choose an option--</option> @@ -263,14 +267,16 @@ <mi><mglyph id="mglyph-5" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAJklEQVRIie3NMREAAAgAoe9fWls4eAzMVM0xoVAoFAqFQqFQ+C9chp4NHvu+4Q4AAAAASUVORK5CYII=" alt=""/></mi> <mi><mglyph id="mglyph-6" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAJklEQVRIie3NMREAAAgAoe9fWls4eAzMVM0xoVAoFAqFQqFQ+C9chp4NHvu+4Q4AAAAASUVORK5CYII=" aria-labelledby="mglyph-6-label"/></mi> </math> - <span id="menuitem-1" role="menuitem"></span> - <span id="menuitem-2" aria-label="" role="menuitem"></span> - <span id="menuitem-3" aria-label="Menu Item" role="menuitem"></span> - <p id="menuitem-4-label">Menu Item</p> - <span id="menuitem-4" aria-labelledby="menuitem-4-label" role="menuitem"></span> - <p id="menuitem-5-label"></p> - <span id="menuitem-5" aria-labelledby="menuitem-5-label" role="menuitem"></span> - <span id="menuitem-6" role="menuitem">Menu Item</span> + <div role="menu"> + <span id="menuitem-1" role="menuitem"></span> + <span id="menuitem-2" aria-label="" role="menuitem"></span> + <span id="menuitem-3" aria-label="Menu Item" role="menuitem"></span> + <p id="menuitem-4-label">Menu Item</p> + <span id="menuitem-4" aria-labelledby="menuitem-4-label" role="menuitem"></span> + <p id="menuitem-5-label"></p> + <span id="menuitem-5" aria-labelledby="menuitem-5-label" role="menuitem"></span> + <span id="menuitem-6" role="menuitem">Menu Item</span> + </div> <label for="listbox-1">Choose a pet:</label> <select id="listbox-1" size="6"> <option id="option-1" value="">--Please choose an option--</option> @@ -299,14 +305,16 @@ <p id="option-15-label"> </p> <div role="option" id="option-15" aria-labelledby="option-15-label"></div> </div> - <span id="treeitem-1" role="treeitem"></span> - <span id="treeitem-2" aria-label="" role="treeitem"></span> - <span id="treeitem-3" aria-label="Tree Item" role="treeitem"></span> - <p id="treeitem-4-label">Tree Item</p> - <span id="treeitem-4" aria-labelledby="treeitem-4-label" role="treeitem"></span> - <p id="treeitem-5-label"></p> - <span id="treeitem-5" aria-labelledby="treeitem-5-label" role="treeitem"></span> - <span id="treeitem-6" role="treeitem">Tree Item</span> + <div role="tree"> + <span id="treeitem-1" role="treeitem"></span> + <span id="treeitem-2" aria-label="" role="treeitem"></span> + <span id="treeitem-3" aria-label="Tree Item" role="treeitem"></span> + <p id="treeitem-4-label">Tree Item</p> + <span id="treeitem-4" aria-labelledby="treeitem-4-label" role="treeitem"></span> + <p id="treeitem-5-label"></p> + <span id="treeitem-5" aria-labelledby="treeitem-5-label" role="treeitem"></span> + <span id="treeitem-6" role="treeitem">Tree Item</span> + </div> <div role="tablist"> <span id="tab-1" role="tab"></span> <span id="tab-2" aria-label="" role="tab"></span> @@ -368,13 +376,17 @@ <div id="menuitemradio-2" role="menuitemradio"></div> <div id="menuitemradio-3" role="menuitemradio"> </div> </div> - <div role="rowheader" id="rowheader-8">Toy Story 3</div> - <div role="rowheader" id="rowheader-9"></div> - <div role="rowheader" id="rowheader-10"> </div> - <div role="rowheader" id="rowheader-11" aria-label="Alladin"></div> - <div role="rowheader" id="rowheader-12" aria-label=""></div> - <div role="rowheader" id="rowheader-13" aria-label=" "></div> - <div role="rowheader" id="rowheader-14" aria-labelledby="columnheader-7-label"></div> + <div role="grid"> + <div role="row"> + <div role="rowheader" id="rowheader-8">Toy Story 3</div> + <div role="rowheader" id="rowheader-9"></div> + <div role="rowheader" id="rowheader-10"> </div> + <div role="rowheader" id="rowheader-11" aria-label="Alladin"></div> + <div role="rowheader" id="rowheader-12" aria-label=""></div> + <div role="rowheader" id="rowheader-13" aria-label=" "></div> + <div role="rowheader" id="rowheader-14" aria-labelledby="columnheader-7-label"></div> + </div> + </div> <label>Slider label: <input type="range" id="slider-1"></label> <input type="range" id="slider-2"> <input type="range" id="slider-3" aria-label="Slider label:"> |