LayoutTests/accessibility/radio-button-group-members.html

   1 <html>
   2 <script>
   3     if (window.layoutTestController)
   4         layoutTestController.dumpAsText();
   5 </script>
   6 <body>
   7
   8     <div id="result"></div>
   9
  10     <!-- Test radio group without a form-->
  11     <form>
  12     <input type="radio" id="test1" name="test1">Yes<BR>
  13     <input type="radio" id="test1" name="test1">No<BR>
  14     <input type="radio" id="test1" name="test1">Maybe<BR>
  15     </form>
  16     <br><br>
  17
  18     <!-- Test radio group without a form -->
  19     <input type="radio" id="test2" name="test2">Yes<BR>
  20     <input type="radio" id="test2" name="test2">No<BR>
  21     <br><br>
  22
  23     <!-- Test radio group with labels -->
  24     <form>
  25     <input type="radio" id="test3" name="test3"><label for="test3">Yes</label><BR>
  26     <input type="radio" id="test3_1" name="test3"><label for="test3_1">No</label><BR>
  27     </form>
  28     <br><br>
  29
  30     <!-- Test different radio groups -->
  31     <form>
  32     <input type="radio" id="test4" name="test4">Yes<BR>
  33     <input type="radio" id="test5" name="test5">No<BR>
  34     </form>
  35     <br><br>
  36
  37     <script>
  38         if (window.accessibilityController) {
  39             var result = document.getElementById("result");
  40
  41             var labeledItem = document.getElementById("test1");
  42             labeledItem.focus();
  43             result.innerText += "Radio group in a form\n";
  44             result.innerText += "----------------------\n";
  45             result.innerText += accessibilityController.focusedElement.attributesOfLinkedUIElements() + "\n\n";
  46
  47             result.innerText += "Radio group without a form\n";
  48             result.innerText += "----------------------\n";
  49             labeledItem = document.getElementById("test2");
  50             labeledItem.focus();
  51             result.innerText += accessibilityController.focusedElement.attributesOfLinkedUIElements() + "\n\n";
  52
  53             result.innerText += "Radio group with labels\n";
  54             result.innerText += "----------------------\n";
  55             labeledItem = document.getElementById("test3");
  56             labeledItem.focus();
  57             result.innerText += accessibilityController.focusedElement.attributesOfLinkedUIElements() + "\n\n";
  58
  59             result.innerText += "Radio button without a group\n";
  60             result.innerText += "----------------------\n";
  61             labeledItem = document.getElementById("test4");
  62             labeledItem.focus();
  63             result.innerText += accessibilityController.focusedElement.attributesOfLinkedUIElements() + "\n\n";
  64         }
  65     </script>
  66 </body>
  67 </html>