test_accessibility.html (2197B)
1 <!-- This Source Code Form is subject to the terms of the Mozilla Public 2 - License, v. 2.0. If a copy of the MPL was not distributed with this 3 - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> 4 5 <!DOCTYPE html> 6 7 <html> 8 <meta charset="UTF-8"> 9 <head> 10 <title>Marionette Test</title> 11 </head> 12 <body> 13 <button id="button1">button1</button> 14 <button id="button2" aria-label="button2"></button> 15 <span id="button3">I am a bad button with no accessible</span> 16 <h1 id="button4">I am a bad button that is actually a header</h1> 17 <h1 id="button5"> 18 I am a bad button that is actually an actionable header with a listener 19 </h1> 20 <button id="button6"></button> 21 <button id="button7" aria-hidden="true">button7</button> 22 <div aria-hidden="true"> 23 <button id="button8">button8</button> 24 </div> 25 <button id="button9" style="position:absolute;left:-100px;top:-455px;"> 26 button9 27 </button> 28 <button id="button10" style="visibility:hidden;"> 29 button10 30 </button> 31 <span id="no_accessible_but_displayed">I have no accessible object</span> 32 <button id="button11" disabled>button11</button> 33 <button id="button12" aria-disabled="true">button12</button> 34 <span id="no_accessible_but_disabled" disabled>I have no accessible object</span> 35 <span id="button13" tabindex="0" role="button" aria-label="Span button">Span button</span> 36 <span id="button14" role="button" aria-label="Span button">Unexplorable Span button</span> 37 <button id="button15" style="pointer-events:none;">button15</button> 38 <div style="pointer-events:none;"> 39 <button id="button16">button16</button> 40 </div> 41 <div style="pointer-events:none;"> 42 <button style="pointer-events:all;" id="button17">button17</button> 43 </div> 44 <input id="input1" title="My Input 1" name="myInput1" type="text" value="asdf"/> 45 <select> 46 <option id="option1" value="val1">Val1</option> 47 <option id="option2" value="val2" selected>Val2</option> 48 </select> 49 <script> 50 'use strict'; 51 document.getElementById('button5').addEventListener('click', function() { 52 // A pseudo button that has a listener but is missing button semantics. 53 return true; 54 }); 55 </script> 56 </body> 57 </html>