| <!DOCTYPE HTML> |
| <html> |
| <body> |
| <script src="../resources/js-test-pre.js"></script> |
| |
| <!-- ==================================================================================================== --> |
| <!-- HTML elements in alphabetical order, excepting the need for nesting (e.g. <li> is with its <ol> and <ul> parents) --> |
| <!-- ==================================================================================================== --> |
| <a data-platform="atk,mac" href="#" data-note="[href]" class="ex">X</a> |
| <!-- [ATK] Skipped: not focusable --><a data-platform="mac" data-note=":not([href])" class="ex">X</a> |
| <!-- [ATK] Skipped: not focusable --><abbr data-platform="mac" class="ex">X</abbr> |
| <!-- http://webkit.org/b/83989 --><address data-platform="atk,mac" class="ex">X</address> |
| <!-- skipped <area> --> |
| <article data-platform="atk,mac" class="ex">X</article> |
| <aside data-platform="atk,mac" class="ex">X</aside> |
| <!-- [ATK] Object not exposed (webkit.org/b/125491) --><audio data-platform="mac" class="ex">X</audio> |
| <!-- [ATK] Skipped: not focusable --><b data-platform="mac" class="ex">X</b> |
| <!-- [ATK] Skipped: not focusable --><bdo data-platform="mac" class="ex">X</bdo> |
| <blockquote data-platform="atk,mac" class="ex">X</blockquote> |
| <button data-platform="atk,mac" class="ex">X</button> |
| <!-- [ATK] Object not exposed (webkit.org/b/125491) --><canvas data-platform="mac" class="ex">X</canvas> |
| <!-- [ATK] Object not exposed (webkit.org/b/125491) --><cite data-platform="mac" class="ex">X</cite> |
| <!-- [ATK] Object not exposed (webkit.org/b/125491) --><code data-platform="mac" class="ex">X</code> |
| <!-- skipped <command> --> |
| <!-- skipped <datalist> --> |
| <!-- [ATK] Skipped: not focusable --><del data-platform="mac" class="ex">X</del> |
| <!-- skipped <details/summary> http://webkit.org/b/108979 --> |
| <!-- [ATK] Skipped: not focusable --><dfn data-platform="mac" class="ex">X</dfn> |
| <dl data-platform="atk,mac" class="ex"> |
| <dt data-platform="atk,mac" class="ex">X</dt> |
| <dd data-platform="atk,mac" class="ex">X</dd> |
| </dl> |
| <div data-platform="atk,mac" class="ex">X</div> |
| <!-- [ATK] Skipped: not focusable --><em data-platform="mac" class="ex">X</em> |
| <!-- skipped <embed> --> |
| <fieldset data-platform="atk,mac" class="ex"> |
| <legend data-platform="atk,mac" class="ex">X</legend> |
| </fieldset> |
| <!-- skipped figure/figcaption http://webkit.org/b/108996 --> |
| <!-- [ATK] Skipped: not focusable --><footer data-platform="mac" class="ex">X</footer> |
| <form data-platform="atk,mac" class="ex">X</form> |
| <!-- skipped <frame> --> |
| <!-- skipped <frameset> --> |
| <!-- skipped <head> --> |
| <!-- http://webkit.org/b/109013 --><header data-platform="atk,mac" class="ex">X</header> |
| <hgroup data-platform="atk,mac" class="ex">X</hgroup> |
| <h1 data-platform="atk,mac" class="ex">X</h1> |
| <h2 data-platform="atk,mac" class="ex">X</h2> |
| <h3 data-platform="atk,mac" class="ex">X</h3> |
| <h4 data-platform="atk,mac" class="ex">X</h4> |
| <h5 data-platform="atk,mac" class="ex">X</h5> |
| <h6 data-platform="atk,mac" class="ex">X</h6> |
| <hr data-platform="atk,mac" class="ex"> |
| <!-- skipped <html> --> |
| <!-- [ATK] Skipped: not focusable --><i data-platform="mac" class="ex">X</i> |
| <!-- skipped <iframe> --> |
| <!-- [ATK] Object not exposed (webkit.org/b/125491) --><img data-platform="mac" class="ex" data-note=":not([src]):not([alt])"> |
| <!-- [ATK] Object not exposed (webkit.org/b/125491) --><img data-platform="mac" class="ex" alt="" data-note="[alt='']"> |
| <!-- [ATK] Object not exposed (webkit.org/b/125491) --><img data-platform="mac" class="ex" src="foo.png" data-note="[src]:not([alt])"> |
| <img data-platform="atk,mac" class="ex" alt="X" data-note="[alt='X']"> |
| <input data-platform="atk,mac" type="button" value="X" class="ex" data-note="[type='button']"> |
| <!-- skipped <menu><input type="button"></menu> --> |
| <!-- [ATK] Wrong role (webkit.org/b/125493) --><!-- http://webkit.org/b/109017 --><input data-platform="mac" type="color" value="X" class="ex" data-note="[type='color']"> |
| <input data-platform="atk,mac" type="checkbox" class="ex" data-note="[type='checkbox']"> |
| <!-- skipped <menu><input type="checkbox"></menu> --> |
| <!-- http://webkit.org/b/109017 --><input data-platform="atk,mac" type="date" value="X" class="ex" data-note="[type='date']"> |
| <!-- http://webkit.org/b/109017 --><input data-platform="atk,mac" type="datetime" value="X" class="ex" data-note="[type='datetime']"> |
| <!-- http://webkit.org/b/109017 --><input data-platform="atk,mac" type="datetime-local" value="X" class="ex" data-note="[type='datetime-local']"> |
| <!-- http://webkit.org/b/109017 --><input data-platform="atk,mac" type="email" value="X" class="ex" data-note="[type='email']"> |
| <input data-platform="atk,mac" type="file" class="ex" data-note="[type='file']"> |
| <!-- [ATK] Skipped: not focusable --><input data-platform="mac" type="hidden" class="ex" data-note="[type='hidden']"> |
| <input data-platform="atk,mac" type="image" class="ex" data-note="[type='image']"> |
| <!-- http://webkit.org/b/109017 --><input data-platform="atk,mac" type="month" value="X" class="ex" data-note="[type='month']"> |
| <!-- http://webkit.org/b/109017 --><input data-platform="atk,mac" type="number" value="X" class="ex" data-note="[type='number']"> |
| <input data-platform="atk,mac" type="password" value="X" class="ex" data-note="[type='password']"> |
| <input data-platform="atk,mac" type="radio" class="ex" data-note="[type='radio']"> |
| <!-- skipped <menu><input type="radio"></menu> --> |
| <input data-platform="atk,mac" type="range" class="ex" data-note="[type='range']"> |
| <input data-platform="atk,mac" type="reset" class="ex" data-note="[type='reset']"> |
| <input data-platform="atk,mac" type="search" value="X" class="ex" data-note="[type='search']"> |
| <input data-platform="atk,mac" type="submit" class="ex" data-note="[type='submit']"> |
| <!-- http://webkit.org/b/109017 --><input data-platform="atk,mac" type="tel" value="X" class="ex" data-note="[type='tel']"> |
| <input data-platform="atk,mac" type="text" value="X" class="ex" data-note="[type='text']"> |
| <!-- skipped <input type="text"> with suggestions source element: http://www.w3.org/html/wg/drafts/html/master/forms.html#concept-input-list --> |
| <!-- http://webkit.org/b/109017 --><input data-platform="atk,mac" type="time" value="X" class="ex" data-note="[type='time']"> |
| <!-- http://webkit.org/b/109017 --><input data-platform="atk,mac" type="url" value="X" class="ex" data-note="[type='url']"> |
| <!-- http://webkit.org/b/109017 --><input data-platform="atk,mac" type="week" value="X" class="ex" data-note="[type='week']"> |
| <!-- [ATK] Skipped: not focusable --><ins data-platform="mac" class="ex">X</ins> |
| <!-- skipped <link> --> |
| <!-- skipped <map> --> |
| <!-- [ATK] Skipped: not focusable --><!-- http://webkit.org/b/109018 --><mark data-platform="mac" class="ex">X</mark> |
| <math data-platform="atk,mac" class="ex">X</math> |
| <!-- skipped <menu> --> |
| <!-- skipped <meta> --> |
| <!-- [ATK] Object not exposed (webkit.org/b/125491) --><meter data-platform="mac" class="ex" value="0.75">X</meter> |
| <nav data-platform="atk,mac" class="ex">X</nav> |
| <!-- skipped <noscript> --> |
| <!-- skipped <object> --> |
| <ol data-platform="atk,mac" class="ex"> |
| <li data-platform="atk,mac" class="ex">X</li> |
| </ol> |
| <!-- skipped <optgroup> --> |
| <!-- skipped <option> --> |
| <!-- skipped <output> --> |
| <p data-platform="atk,mac" class="ex">X</p> |
| <!-- skipped <param> --> |
| <pre data-platform="atk,mac" class="ex">X</pre> |
| <progress data-platform="atk,mac" class="ex" value="0.75">X</progress> |
| <!-- [ATK] Skipped: not focusable --><q data-platform="mac" class="ex">X</q> |
| <!-- skipped <ruby/rp/rt> --> |
| <!-- [ATK] Skipped: not focusable --><s data-platform="mac" class="ex">X</s> |
| <!-- [ATK] Skipped: not focusable --><samp data-platform="mac" class="ex">X</samp> |
| <!-- skipped <script> --> |
| <!-- [ATK] Wrong role (webkit.org/b/125493) --><!-- http://webkit.org/b/109024 --><section data-platform="mac" class="ex">X</section> |
| <select data-platform="atk,mac" class="ex" data-note=":not([multiple])"> |
| <!-- [ATK] Object not exposed (webkit.org/b/125491) --><option data-platform="mac" class="ex">X</option> |
| <!-- [ATK] Object not exposed (webkit.org/b/125491) --><optgroup data-platform="mac" class="ex" label="more"> |
| <!-- [ATK] Object not exposed (webkit.org/b/125491) --><option data-platform="mac">X</option> |
| </optgroup> |
| </select> |
| <select data-platform="atk,mac" class="ex" multiple data-note="[multiple]"> |
| <option data-platform="atk,mac" class="ex">X</option> |
| <optgroup data-platform="atk,mac" class="ex" label="more"> |
| <option>Y</option> |
| <option>Z</option> |
| </optgroup> |
| </select> |
| <!-- [ATK] Skipped: not focusable --><small data-platform="mac" class="ex">X</small> |
| <!-- skipped <source> --> |
| <!-- [ATK] Skipped: not focusable --><span data-platform="mac" class="ex">X</span> |
| <!-- [ATK] Skipped: not focusable --><strong data-platform="mac" class="ex">X</strong> |
| <!-- skipped <style> --> |
| <!-- [ATK] Skipped: not focusable --><sub data-platform="mac" class="ex">X</sub> |
| <!-- [ATK] Skipped: not focusable --><sup data-platform="mac" class="ex">X</sup> |
| <!-- [ATK] Object not exposed (webkit.org/b/125491) --><svg data-platform="mac" class="ex">X</svg> |
| |
| <table data-platform="atk,mac" class="ex"> |
| <!-- [ATK] Skipped: not to be exposed --><caption data-platform="mac" class="ex">X</caption> |
| <!-- Not to be exposed in ATK--><thead data-platform="mac" class="ex"> |
| <!-- [ATK] Object not exposed (webkit.org/b/125491) --><tr data-platform="mac" class="ex"> |
| <!-- Need separate test to verify colheader/rowheader --> |
| <th data-platform="atk,mac" class="ex">X</th> |
| </tr> |
| </thead> |
| <!-- [ATK] Skipped: not to be exposed --><tbody data-platform="mac" class="ex"> |
| <!-- [ATK] Object not exposed (webkit.org/b/125491) --><tr data-platform="mac" class="ex"> |
| <td data-platform="atk,mac" class="ex">X</td> |
| </tr> |
| </tbody> |
| <!-- [ATK] Skipped: not to be exposed --><tfoot data-platform="mac" class="ex"> |
| <!-- [ATK] Object not exposed (webkit.org/b/125491) --><tr data-platform="mac" class="ex"> |
| <!-- Need separate test to verify colheader/rowheader --> |
| <th data-platform="atk,mac" class="ex">X</th> |
| </tr> |
| </tfoot> |
| </table> |
| <textarea data-platform="atk,mac" class="ex">X</textarea> |
| <!-- [ATK] Object not exposed (webkit.org/b/125491) --><time data-platform="mac" class="ex">X</time> |
| <!-- skipped <title> --> |
| <ul data-platform="atk,mac" class="ex"> |
| <li data-platform="atk,mac" class="ex">X</li> |
| </ul> |
| <!-- [ATK] Skipped: not focusable --><var data-platform="mac" class="ex">X</var> |
| <!-- skipped <video> --> |
| <!-- [ATK] Skipped: not focusable --><wbr data-platform="mac" class="ex">X</wbr> |
| <!-- Todo: I left off adding HTML5 elements here at previous element: https://dvcs.w3.org/hg/html-api-map/raw-file/default/Overview.html --> |
| |
| |
| |
| <!-- ==================================================================================================== --> |
| <!-- Abstract ARIA roles in alphabetical order; only generic AXGroup role should be exposed on abstract roles --> |
| <!-- ==================================================================================================== --> |
| <div role="command" data-platform="atk,mac" class="ex">X</div> |
| <div role="composite" data-platform="atk,mac" class="ex">X</div> |
| <div role="input" data-platform="atk,mac" class="ex">X</div> |
| <div role="landmark" data-platform="atk,mac" class="ex">X</div> |
| <div role="range" data-platform="atk,mac" class="ex">X</div> |
| <div role="roletype" data-platform="atk,mac" class="ex">X</div> |
| <div role="section" data-platform="atk,mac" class="ex">X</div> |
| <div role="sectionhead" data-platform="atk,mac" class="ex">X</div> |
| <div role="select" data-platform="atk,mac" class="ex">X</div> |
| <div role="structure" data-platform="atk,mac" class="ex">X</div> |
| <div role="widget" data-platform="atk,mac" class="ex">X</div> |
| <div role="window" data-platform="atk,mac" class="ex">X</div> |
| |
| |
| <!-- ==================================================================================================== --> |
| <!-- Non-abstract ARIA roles in alphabetical order, excepting the need for nesting (e.g. row is with its grid parent) --> |
| <!-- ==================================================================================================== --> |
| <div role="alert" data-platform="atk,mac" class="ex">X</div> |
| <div role="alertdialog" data-platform="atk,mac" class="ex">X</div> |
| <div role="application" data-platform="atk,mac" class="ex">X</div> |
| <div role="article" data-platform="atk,mac" class="ex">X</div> |
| <div role="banner" data-platform="atk,mac" class="ex">X</div> |
| <div role="button" data-platform="atk,mac" class="ex">X</div> |
| <div role="checkbox" data-platform="atk,mac" class="ex">X</div> |
| <div role="combobox" data-platform="atk,mac" class="ex">X</div> |
| <div role="complementary" data-platform="atk,mac" class="ex">X</div> |
| <div role="contentinfo" data-platform="atk,mac" class="ex">X</div> |
| <div role="definition" data-platform="atk,mac" class="ex">X</div> |
| <div role="dialog" data-platform="atk,mac" class="ex">X</div> |
| <div role="directory" data-platform="atk,mac" class="ex">X</div> |
| <!-- [ATK] Object not exposed (webkit.org/b/125491) --><div data-platform="mac" role="document" class="ex">X</div> |
| <!-- [ATK] Wrong role (webkit.org/b/125493) --><div data-platform="mac" role="form" class="ex">X</div> |
| <div data-platform="atk,mac" role="grid" class="ex"> |
| <!-- [ATK] Object not exposed (webkit.org/b/125491) --><div data-platform="mac" role="rowgroup" class="ex"> |
| <!-- [ATK] Object not exposed (webkit.org/b/125491) --><div data-platform="mac" role="row" class="ex"> |
| <!-- Note: diff between rowheader, columnheader, and gridcell is in cross-reference from grid; need additional non-role verification in another test. --> |
| <div data-platform="atk,mac" role="rowheader" class="ex">X</div> |
| <div data-platform="atk,mac" role="columnheader" class="ex">X</div> |
| <div data-platform="atk,mac" role="gridcell" class="ex">X</div> |
| </div> |
| </div> |
| </div> |
| <div role="group" data-platform="atk,mac" class="ex">X</div> |
| <div role="heading" data-platform="atk,mac" class="ex">X</div> |
| <div role="img" data-platform="atk,mac" class="ex">X</div> |
| <div role="link" data-platform="atk,mac" class="ex">X</div> |
| <div role="list" data-platform="atk,mac" class="ex"> |
| <div role="listitem" data-platform="atk,mac" class="ex">X</div> |
| </div> |
| <!-- [ATK] Object not exposed (webkit.org/b/125491) --><div role="listbox" data-platform="mac" class="ex"> |
| <div role="option" data-platform="atk,mac" class="ex">X</div> |
| </div> |
| <div role="log" data-platform="atk,mac" class="ex">X</div> |
| <div role="main" data-platform="atk,mac" class="ex">X</div> |
| <div role="marquee" data-platform="atk,mac" class="ex">X</div> |
| <div role="math" data-platform="atk,mac" class="ex">X</div> |
| <div role="menu" data-platform="atk,mac" class="ex"> |
| <!-- Note: diff between menuitem types is an attribute; need additional non-role verification in another test. --> |
| <div role="menuitem" data-platform="atk,mac" class="ex">X</div> |
| <div role="menuitemcheckbox" data-platform="atk,mac" class="ex">X</div> |
| <div role="menuitemradio" data-platform="atk,mac" class="ex">X</div> |
| </div> |
| <div role="menubar" data-platform="atk,mac" class="ex"> |
| <!-- Note: diff between menuitem types is an attribute; need additional non-role verification in another test. --> |
| <div role="menuitem" data-platform="atk,mac" class="ex">X</div> |
| <div role="menuitemcheckbox" data-platform="atk,mac" class="ex">X</div> |
| <div role="menuitemradio" data-platform="atk,mac" class="ex">X</div> |
| </div> |
| <div role="navigation" data-platform="atk,mac" class="ex">X</div> |
| <div role="note" data-platform="atk,mac" class="ex">X</div> |
| <!-- [ATK] Skipped: not to be exposed --><div role="presentation" data-platform="mac" data-platform="atk,mac" class="ex">X</div> |
| <div role="progressbar" data-platform="atk,mac" class="ex">X</div> |
| <div role="radiogroup" data-platform="atk,mac" class="ex"> |
| <div role="radio" data-platform="atk,mac" class="ex">X</div> |
| </div> |
| <!-- [ATK] Wrong role (webkit.org/b/125493) --><div role="region" data-platform="mac" class="ex">X</div> |
| <div role="scrollbar" data-platform="atk,mac" class="ex">X</div> |
| <div role="search" data-platform="atk,mac" class="ex">X</div> |
| <div role="separator" data-platform="atk,mac" class="ex">X</div> |
| <div role="slider" data-platform="atk,mac" class="ex">X</div> |
| <div role="spinbutton" data-platform="atk,mac" class="ex">X</div> |
| <!-- [ATK] Wrong role (webkit.org/b/125493) --><div role="status" data-platform="mac" class="ex">X</div> |
| <div role="tablist" data-platform="atk,mac" class="ex"> |
| <div role="tab" data-platform="atk,mac" class="ex">X</div> |
| </div> |
| <!-- [ATK] Wrong role (webkit.org/b/125493) --><div role="tabpanel" data-platform="mac" class="ex">X</div> |
| <div role="textbox" data-platform="atk,mac" class="ex">X</div> |
| <div role="timer" data-platform="atk,mac" class="ex">X</div> |
| <div role="toolbar" data-platform="atk,mac" class="ex">X</div> |
| <!-- [ATK] Wrong role (webkit.org/b/125493) --><div role="tooltip" data-platform="mac" class="ex">X</div> |
| <!-- [ATK] Wrong role (webkit.org/b/125493) --><div role="tree" data-platform="mac" class="ex"> |
| <!-- [ATK] Wrong role (webkit.org/b/125493) --><div role="treeitem" data-platform="mac" class="ex">X</div> |
| <!-- [ATK] Wrong role (webkit.org/b/125493) --><div role="group" data-platform="mac" class="ex"> |
| <!-- [ATK] Wrong role (webkit.org/b/125493) --><div role="treeitem" data-platform="mac" class="ex">X</div> |
| </div> |
| </div> |
| <div role="treegrid" data-platform="atk,mac" class="ex"> |
| <!-- [ATK] Object not exposed (webkit.org/b/125491) --><div role="rowgroup" data-platform="mac" class="ex"> |
| <!-- [ATK] Object not exposed (webkit.org/b/125491) --><div role="row" data-platform="mac" class="ex"> |
| <!-- Note: diff between rowheader, columnheader, and gridcell is in cross-reference from grid; need additional non-role verification in another test. --> |
| <div role="rowheader" data-platform="atk,mac" class="ex">X</div> |
| <div role="columnheader" data-platform="atk,mac" class="ex">X</div> |
| <div role="gridcell" data-platform="atk,mac" class="ex">X</div> |
| </div> |
| </div> |
| </div> |
| |
| <div id="console"></div> |
| <script> |
| if (window.testRunner && window.accessibilityController) { |
| description("This tests that native elements and ARIA overrides result in the expected role, subrole and role description.") |
| var currentPlatform = accessibilityController.platformName; |
| var examples = document.querySelectorAll('.ex'); |
| var indent = "\n "; // newline and six spaces |
| var el, supportedPlatforms, ariaRole, axElement, role, subrole, roleDescription, output, result; |
| for (var i = 0, c = examples.length; i < c; i++) { |
| el = examples[i]; |
| |
| supportedPlatforms = el.getAttribute('data-platform'); |
| if (!supportedPlatforms || supportedPlatforms.indexOf(currentPlatform) == -1) |
| continue; |
| |
| el.id = 'ex' + i; |
| ariaRole = el.getAttribute('role'); |
| axElement = accessibilityController.accessibleElementById(el.id); |
| if (axElement) { |
| role = axElement.role; |
| subrole = axElement.subrole; |
| roleDescription = axElement.roleDescription; |
| } else { |
| role = 'AXRole: '; |
| subrole = 'AXSubrole: '; |
| roleDescription = 'AXRoleDescription: '; |
| } |
| |
| output = el.tagName.toLowerCase() + (ariaRole?("[role="+ariaRole+"]"):''); |
| if (el.getAttribute('data-note')) { |
| output += el.getAttribute('data-note'); |
| } |
| output += indent; |
| output += role + indent; |
| |
| // In the Mac platform more things than just the role |
| // are tested so we need to expand a bit the output. |
| if (currentPlatform == "mac") |
| output += subrole + indent + roleDescription + indent; |
| |
| result = document.getElementById('console'); |
| result.innerText += output + "\n"; |
| } |
| |
| // Once tests are complete, hide all the example markup. |
| examples = document.querySelectorAll('.ex'); |
| for (var i = 0, c = examples.length; i < c; i++) { |
| el = examples[i]; |
| el.style.display = 'none'; |
| } |
| } |
| </script> |
| <script src="../resources/js-test-post.js"></script> |
| </body> |
| </html> |
