| Checking Web Inspector protocol for the Accessibility Node Inspector. |
| |
| #document |
| exists: true |
| label: |
| role: |
| childNodeIds.length: 93 |
| |
| |
| Total elements to be tested: 122. |
| |
| <div onclick="void(0);">click</div> |
| exists: true |
| label: |
| role: |
| childNodeIds.length: 1 |
| mouseEventNodeId: exists |
| parentNodeId: exists |
| |
| <li role="treeitem">Tree Item Level 2</li> |
| exists: true |
| label: Tree Item Level 2 |
| role: treeitem |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| hierarchyLevel: 1 |
| |
| <ul> |
| <li role="treeitem">Tree Item Level 2</li> |
| </ul> |
| exists: true |
| label: |
| role: |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| |
| <li role="treeitem"> |
| <span>Tree Item Level 1</span> |
| <ul> |
| <li role="treeitem">Tree Item Level 2</li> |
| </ul> |
| </li> |
| exists: true |
| label: Tree Item Level 1 |
| role: treeitem |
| childNodeIds.length: 2 |
| parentNodeId: exists |
| hierarchyLevel: 1 |
| |
| <ul role="tree"> |
| <li role="treeitem"> |
| <span>Tree Item Level 1</span> |
| <ul> |
| <li role="treeitem">Tree Item Level 2</li> |
| </ul> |
| </li> |
| </ul> |
| exists: true |
| label: |
| role: tree |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| |
| <li aria-level="1">List Item Level 1</li> |
| exists: true |
| label: |
| role: listitem |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| hierarchyLevel: 1 |
| |
| <li aria-level="2">List Item Level 2</li> |
| exists: true |
| label: |
| role: listitem |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| hierarchyLevel: 2 |
| |
| <ol> |
| <li aria-level="2">List Item Level 2</li> |
| </ol> |
| exists: true |
| label: |
| role: list |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| |
| <li aria-level="1"> |
| <span>List Item Level 1</span> |
| <ol> |
| <li aria-level="2">List Item Level 2</li> |
| </ol> |
| </li> |
| exists: true |
| label: |
| role: listitem |
| childNodeIds.length: 2 |
| parentNodeId: exists |
| hierarchyLevel: 1 |
| |
| <ul> |
| <li aria-level="1"> |
| <span>List Item Level 1</span> |
| <ol> |
| <li aria-level="2">List Item Level 2</li> |
| </ol> |
| </li> |
| <li aria-level="1">List Item Level 1</li> |
| </ul> |
| exists: true |
| label: |
| role: list |
| childNodeIds.length: 2 |
| parentNodeId: exists |
| |
| <h1 style="color: red;" aria-level="8">H1</h1> |
| exists: true |
| label: H1 |
| role: heading |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| headingLevel: 8 |
| |
| <h6>H6</h6> |
| exists: true |
| label: H6 |
| role: heading |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| headingLevel: 6 |
| |
| <h5>H5</h5> |
| exists: true |
| label: H5 |
| role: heading |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| headingLevel: 5 |
| |
| <h4>H4</h4> |
| exists: true |
| label: H4 |
| role: heading |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| headingLevel: 4 |
| |
| <h3>H3</h3> |
| exists: true |
| label: H3 |
| role: heading |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| headingLevel: 3 |
| |
| <h2>H2</h2> |
| exists: true |
| label: H2 |
| role: heading |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| headingLevel: 2 |
| |
| <h1>H1</h1> |
| exists: true |
| label: H1 |
| role: heading |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| headingLevel: 1 |
| |
| <li role="treeitem" aria-expanded="undefined">expanded</li> |
| exists: true |
| label: expanded |
| role: treeitem |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| hierarchyLevel: 1 |
| |
| <li role="treeitem" aria-expanded="false" id="activedescendant" aria-selected="true">collapsed</li> |
| exists: true |
| label: collapsed |
| role: treeitem |
| childNodeIds.length: 1 |
| expanded: false |
| parentNodeId: exists |
| selected: true |
| hierarchyLevel: 1 |
| |
| <li role="treeitem" aria-expanded="true">expanded</li> |
| exists: true |
| label: expanded |
| role: treeitem |
| childNodeIds.length: 1 |
| expanded: true |
| parentNodeId: exists |
| hierarchyLevel: 1 |
| |
| <ul role="tree" id="flowedTo1" aria-activedescendant="activedescendant"> |
| <li role="treeitem" aria-expanded="true">expanded</li> |
| <li role="treeitem" aria-expanded="false" id="activedescendant" aria-selected="true">collapsed</li> |
| <li role="treeitem" aria-expanded="undefined">expanded</li> |
| </ul> |
| exists: true |
| label: |
| role: tree |
| activeDescendantNodeId: exists |
| childNodeIds.length: 3 |
| parentNodeId: exists |
| selectedChildNodeIds.length: 1 |
| |
| <div role="option" aria-busy="true">busy (self)</div> |
| exists: true |
| label: busy (self) |
| role: option |
| busy: true |
| parentNodeId: exists |
| |
| <div role="option">busy (parent)</div> |
| exists: true |
| label: busy (parent) |
| role: option |
| busy: true |
| parentNodeId: exists |
| |
| <div role="listbox" aria-multiselectable="true"> |
| <div role="option" aria-selected="true">selected</div> |
| <div role="option" aria-selected="false">not selected</div> |
| <div role="option" aria-selected="true">selected</div> |
| </div> |
| exists: true |
| label: |
| role: listbox |
| childNodeIds.length: 3 |
| parentNodeId: exists |
| required: false |
| selectedChildNodeIds.length: 2 |
| |
| <div role="tab" aria-selected="false">not selected</div> |
| exists: true |
| label: not selected |
| role: tab |
| parentNodeId: exists |
| |
| <div role="tab" aria-selected="true">selected</div> |
| exists: true |
| label: selected |
| role: tab |
| parentNodeId: exists |
| selected: true |
| |
| <div role="tablist" aria-flowto="flowedTo1 invalidIdRef flowedTo2"> |
| <div role="tab" aria-selected="true">selected</div> |
| <div role="tab" aria-selected="false">not selected</div> |
| </div> |
| exists: true |
| label: |
| role: tablist |
| childNodeIds.length: 2 |
| flowedNodeIds.length: 2 |
| parentNodeId: exists |
| selectedChildNodeIds.length: 1 |
| |
| <div role="option" aria-selected="false">not selected</div> |
| exists: true |
| label: not selected |
| role: option |
| parentNodeId: exists |
| |
| <div role="option" aria-selected="true">selected</div> |
| exists: true |
| label: selected |
| role: option |
| parentNodeId: exists |
| selected: true |
| |
| <div role="listbox" id="ownedlistbox"> |
| <div role="option" aria-selected="true">selected</div> |
| <div role="option" aria-selected="false">not selected</div> |
| </div> |
| exists: true |
| label: |
| role: listbox |
| childNodeIds.length: 2 |
| parentNodeId: exists |
| required: false |
| selectedChildNodeIds.length: 1 |
| |
| <input role="combobox" aria-owns="ownedlistbox invalidIdRef" aria-controls="ownedlistbox invalidIdRef"> |
| exists: true |
| label: |
| role: combobox |
| controlledNodeIds.length: 1 |
| focused: false |
| ownedNodeIds.length: 1 |
| required: false |
| isPopUpButton: true |
| |
| <select> |
| <option>FOO</option> |
| </select> |
| exists: true |
| label: |
| role: button |
| focused: false |
| required: false |
| isPopUpButton: true |
| |
| <option>not selected</option> |
| exists: true |
| label: |
| role: option |
| hidden: true |
| parentNodeId: exists |
| |
| <option selected="">selected</option> |
| exists: true |
| label: |
| role: option |
| hidden: true |
| parentNodeId: exists |
| selected: true |
| |
| <img src="data:image/gif..." alt="x" style="display:none;"> |
| exists: false |
| label: |
| role: |
| |
| <img src="data:image/gif..." alt="x" aria-hidden="true"> |
| exists: true |
| label: x |
| role: presentation |
| ignored: true |
| ignoredByDefault: true |
| hidden: true |
| |
| <img src="data:image/gif..." alt="x"> |
| exists: true |
| label: x |
| role: image |
| |
| <img src="data:image/gif..." alt=""> |
| exists: true |
| label: |
| role: presentation |
| ignored: true |
| |
| <img src="data:image/gif..."> |
| exists: true |
| label: |
| role: image |
| |
| <img src="./404.gif"> |
| exists: true |
| label: |
| role: presentation |
| ignored: true |
| |
| <input style="display:none;"> |
| exists: false |
| label: |
| role: |
| |
| <input aria-hidden="true"> |
| exists: true |
| label: |
| role: |
| focused: false |
| ignored: true |
| ignoredByDefault: true |
| hidden: true |
| required: false |
| |
| <div role="radio" aria-checked="false">unchecked</div> |
| exists: true |
| label: unchecked |
| role: radio |
| checked: false |
| parentNodeId: exists |
| required: false |
| |
| <div role="radio" aria-checked="mixed">unchecked [sic] mixed state will not be exposed on radios per ARIA spec.</div> |
| exists: true |
| label: unchecked [sic] mixed state will not be exposed on radios per ARIA spec. |
| role: radio |
| checked: false |
| parentNodeId: exists |
| required: false |
| |
| <div role="radio" aria-checked="true">checked</div> |
| exists: true |
| label: checked |
| role: radio |
| checked: true |
| parentNodeId: exists |
| required: false |
| |
| <div role="radio">unchecked (checked undefined evals to false on radio)</div> |
| exists: true |
| label: unchecked (checked undefined evals to false on radio) |
| role: radio |
| checked: false |
| parentNodeId: exists |
| required: false |
| |
| <input type="radio" checked=""> |
| exists: true |
| label: |
| role: radio |
| checked: true |
| focused: false |
| required: false |
| |
| <input type="radio"> |
| exists: true |
| label: |
| role: radio |
| checked: false |
| focused: false |
| required: false |
| |
| <div role="doc-toc">doc-toc</div> |
| exists: true |
| label: |
| role: navigation |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| |
| <div role="doc-tip">doc-tip</div> |
| exists: true |
| label: |
| role: note |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| |
| <div role="doc-subtitle">doc-subtitle</div> |
| exists: true |
| label: doc-subtitle |
| role: heading |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| headingLevel: 2 |
| |
| <div role="doc-qna">doc-qna</div> |
| exists: true |
| label: |
| role: group |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| |
| <div role="doc-pullquote">doc-pullquote</div> |
| exists: true |
| label: |
| role: group |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| |
| <div role="doc-prologue">doc-prologue</div> |
| exists: true |
| label: |
| role: region |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| |
| <div role="doc-preface">doc-preface</div> |
| exists: true |
| label: |
| role: region |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| |
| <div role="doc-part">doc-part</div> |
| exists: true |
| label: |
| role: region |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| |
| <div role="doc-pagelist">doc-pagelist</div> |
| exists: true |
| label: |
| role: navigation |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| |
| <div role="doc-pagebreak">doc-pagebreak</div> |
| exists: true |
| label: |
| role: separator |
| parentNodeId: exists |
| |
| <div role="doc-notice">doc-notice</div> |
| exists: true |
| label: |
| role: note |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| |
| <div role="doc-noteref">doc-noteref</div> |
| exists: true |
| label: doc-noteref |
| role: link |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| |
| <div role="doc-introduction">doc-introduction</div> |
| exists: true |
| label: |
| role: region |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| |
| <div role="doc-index">doc-index</div> |
| exists: true |
| label: |
| role: navigation |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| |
| <div role="doc-glossref">doc-glossref</div> |
| exists: true |
| label: doc-glossref |
| role: link |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| |
| <div role="doc-glossary">doc-glossary</div> |
| exists: true |
| label: |
| role: region |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| |
| <div role="doc-foreword">doc-foreword</div> |
| exists: true |
| label: |
| role: region |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| |
| <div role="doc-footnote">doc-footnote</div> |
| exists: true |
| label: |
| role: group |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| |
| <div role="doc-example">doc-example</div> |
| exists: true |
| label: |
| role: group |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| |
| <div role="doc-errata">doc-errata</div> |
| exists: true |
| label: |
| role: region |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| |
| <div role="doc-epilogue">doc-epilogue</div> |
| exists: true |
| label: |
| role: region |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| |
| <div role="doc-epigraph">doc-epigraph</div> |
| exists: true |
| label: |
| role: group |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| |
| <div role="doc-endnotes">doc-endnotes</div> |
| exists: true |
| label: |
| role: region |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| |
| <div role="doc-endnote">doc-endnote</div> |
| exists: true |
| label: |
| role: listitem |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| |
| <div role="doc-dedication">doc-dedication</div> |
| exists: true |
| label: |
| role: group |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| |
| <div role="doc-credits">doc-credits</div> |
| exists: true |
| label: |
| role: region |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| |
| <div role="doc-credit">doc-credit</div> |
| exists: true |
| label: |
| role: group |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| |
| <div role="doc-cover">doc-cover</div> |
| exists: true |
| label: |
| role: image |
| parentNodeId: exists |
| |
| <div role="doc-conclusion">doc-conclusion</div> |
| exists: true |
| label: |
| role: region |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| |
| <div role="doc-colophon">doc-colophon</div> |
| exists: true |
| label: |
| role: group |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| |
| <div role="doc-chapter">doc-chapter</div> |
| exists: true |
| label: |
| role: region |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| |
| <div role="doc-biblioref">doc-biblioref</div> |
| exists: true |
| label: doc-biblioref |
| role: link |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| |
| <div role="doc-bibliography">doc-bibliography</div> |
| exists: true |
| label: |
| role: region |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| |
| <div role="doc-biblioentry">doc-biblioentry</div> |
| exists: true |
| label: |
| role: listitem |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| |
| <div role="doc-backlink">doc-backlink</div> |
| exists: true |
| label: doc-backlink |
| role: link |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| |
| <div role="doc-appendix">doc-appendix</div> |
| exists: true |
| label: |
| role: region |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| |
| <div role="doc-afterword">doc-afterword</div> |
| exists: true |
| label: |
| role: region |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| |
| <div role="doc-acknowledgments">doc-acknowledgments</div> |
| exists: true |
| label: |
| role: region |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| |
| <div role="doc-abstract">doc-abstract</div> |
| exists: true |
| label: |
| role: group |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| |
| <div role="checkbox" aria-checked="false">unchecked</div> |
| exists: true |
| label: unchecked |
| role: checkbox |
| checked: false |
| parentNodeId: exists |
| required: false |
| |
| <div role="checkbox" aria-checked="mixed">mixed</div> |
| exists: true |
| label: mixed |
| role: checkbox |
| checked: mixed |
| parentNodeId: exists |
| required: false |
| |
| <div role="checkbox" aria-checked="true">checked</div> |
| exists: true |
| label: checked |
| role: checkbox |
| checked: true |
| parentNodeId: exists |
| required: false |
| |
| <div role="checkbox">unchecked (checked undefined evals to false on checkbox)</div> |
| exists: true |
| label: unchecked (checked undefined evals to false on checkbox) |
| role: checkbox |
| checked: false |
| parentNodeId: exists |
| required: false |
| |
| <input type="checkbox" checked=""> |
| exists: true |
| label: |
| role: checkbox |
| checked: true |
| focused: false |
| required: false |
| |
| <input type="checkbox"> |
| exists: true |
| label: |
| role: checkbox |
| checked: false |
| focused: false |
| required: false |
| |
| <div role="textbox" tabindex="0" aria-disabled="true">disabled</div> |
| exists: true |
| label: |
| role: |
| disabled: true |
| focused: false |
| parentNodeId: exists |
| required: false |
| |
| <input disabled="" value="disabled"> |
| exists: true |
| label: |
| role: |
| childNodeIds.length: 1 |
| disabled: true |
| required: false |
| |
| <div role="textbox" tabindex="0" aria-readonly="true">readonly</div> |
| exists: true |
| label: |
| role: |
| focused: false |
| parentNodeId: exists |
| readonly: true |
| required: false |
| |
| <input readonly="" value="readonly"> |
| exists: true |
| label: |
| role: |
| childNodeIds.length: 1 |
| focused: false |
| readonly: true |
| required: false |
| |
| <input aria-invalid="foo" value="fake value will eval to true"> |
| exists: true |
| label: |
| role: |
| childNodeIds.length: 1 |
| focused: false |
| invalid: true |
| required: false |
| |
| <input aria-invalid="spelling" value="invalid spelling"> |
| exists: true |
| label: |
| role: |
| childNodeIds.length: 1 |
| focused: false |
| invalid: spelling |
| required: false |
| |
| <input aria-required="true" value="required"> |
| exists: true |
| label: |
| role: |
| childNodeIds.length: 1 |
| focused: false |
| required: true |
| |
| <input required=""> |
| exists: true |
| label: |
| role: |
| focused: false |
| required: true |
| |
| <input> |
| exists: true |
| label: |
| role: |
| focused: false |
| required: false |
| |
| <div role="button" tabindex="0" aria-haspopup="true">Popup Button.</div> |
| exists: true |
| label: Popup Button. |
| role: button |
| focused: false |
| parentNodeId: exists |
| required: false |
| isPopUpButton: true |
| |
| <input type="button"> |
| exists: true |
| label: |
| role: button |
| focused: false |
| |
| <button></button> |
| exists: true |
| label: |
| role: button |
| focused: false |
| |
| <div role="button" tabindex="0" aria-pressed="false">Not Pressed.</div> |
| exists: true |
| label: Not Pressed. |
| role: button |
| focused: false |
| parentNodeId: exists |
| pressed: false |
| required: false |
| |
| <div role="button" tabindex="0" aria-pressed="true">Pressed.</div> |
| exists: true |
| label: Pressed. |
| role: button |
| focused: false |
| parentNodeId: exists |
| pressed: true |
| required: false |
| |
| <div role="button" tabindex="0" aria-disabled="true">disabled</div> |
| exists: true |
| label: disabled |
| role: button |
| disabled: true |
| focused: false |
| parentNodeId: exists |
| |
| <div role="button" tabindex="0"></div> |
| exists: true |
| label: |
| role: button |
| focused: false |
| parentNodeId: exists |
| |
| <div role="group" aria-live="assertive" aria-atomic="true">assertive (and atomic)</div> |
| exists: true |
| label: |
| role: group |
| childNodeIds.length: 1 |
| liveRegionAtomic: true |
| liveRegionRelevant: additions,text |
| liveRegionStatus: assertive |
| parentNodeId: exists |
| |
| <div role="group" aria-live="polite">polite</div> |
| exists: true |
| label: |
| role: group |
| childNodeIds.length: 1 |
| liveRegionAtomic: false |
| liveRegionRelevant: additions,text |
| liveRegionStatus: polite |
| parentNodeId: exists |
| |
| <div role="group" aria-live="off">off</div> |
| exists: true |
| label: |
| role: group |
| childNodeIds.length: 1 |
| parentNodeId: exists |
| |
| <div role="listbox" aria-busy="true"> |
| <!-- Despite having no required option children, this is valid because it is marked as busy. --> |
| <!-- For example, waiting for a script to load its contents. --> |
| </div> |
| exists: true |
| label: |
| role: listbox |
| busy: true |
| parentNodeId: exists |
| required: false |
| |
| <span aria-hidden="true"></span> |
| exists: true |
| label: |
| role: |
| ignored: true |
| ignoredByDefault: true |
| hidden: true |
| parentNodeId: exists |
| |
| <span></span> |
| exists: true |
| label: |
| role: |
| ignored: true |
| ignoredByDefault: true |
| parentNodeId: exists |
| |
| <div aria-hidden="true"></div> |
| exists: true |
| label: |
| role: |
| ignored: true |
| ignoredByDefault: true |
| hidden: true |
| parentNodeId: exists |
| |
| <div></div> |
| exists: true |
| label: |
| role: |
| ignored: true |
| parentNodeId: exists |
| |
| <div role="presentation"><div></div></div> |
| exists: true |
| label: |
| role: presentation |
| ignored: true |
| parentNodeId: exists |
| |
| <div role="group"> |
| <div>foo</div> |
| <span> |
| bar |
| <span role="button">baz</span> |
| </span> |
| <div></div> |
| <div></div> |
| </div> |
| exists: true |
| label: |
| role: group |
| childNodeIds.length: 3 |
| parentNodeId: exists |
| |
| <div><div></div></div> |
| exists: true |
| label: |
| role: |
| ignored: true |
| parentNodeId: exists |
| |
| <script style="display:block;"></script> |
| exists: true |
| label: |
| role: |
| ignored: true |
| parentNodeId: exists |
| |
| <script></script> |
| exists: false |
| label: |
| role: |
| |