| <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> |
| <html> |
| <head> |
| <script src="../resources/js-test.js"></script> |
| </head> |
| <body id="body"> |
| |
| <div id="element1" role="checkbox" aria-checked="mixed"></div> |
| <div id="element2" role="menuitemcheckbox" aria-checked="mixed"></div> |
| <div id="element3" role="radio" aria-checked="mixed"></div> |
| <div id="element4" role="menuitemradio" aria-checked="mixed"></div> |
| <!-- Switch specifically does not support mixed --> |
| <div id="element5" role="switch" aria-checked="mixed"></div> |
| |
| <input id="element6" type="checkbox" aria-checked="mixed" checked /> |
| <input id="element7" type="checkbox" aria-checked="mixed" /> |
| <input id="element8" type="radio" aria-checked="mixed" checked /> |
| <input id="element9" type="radio" aria-checked="mixed" /> |
| <input id="element10" type="button" aria-checked="mixed" /> |
| |
| <p id="description"></p> |
| <div id="console"></div> |
| |
| <script> |
| |
| description("Check whether ARIA mixed state is reported properly"); |
| |
| if (window.accessibilityController) { |
| for (var i = 1; i <= 10; i++) { |
| var element = accessibilityController.accessibleElementById("element" + i); |
| debug("Role: " + element.role); |
| debug("Mixed: " + (element.checked === 'mixed')); |
| } |
| } |
| |
| </script> |
| |
| </body> |
| </html> |