1
    2
    3
    4
    5
    6
    7
    8
    9
   10
   11
   12
   13
   14
   15
   16
   17
   18
   19
   20
   21
   22
   23
   24
   25
   26
   27
   28
   29
   30
   31
   32
   33
   34
   35
   36
   37
   38
   39
   40
   41
   42
   43
   44
   45
   46
   47
   48
   49


content / test / data / accessibility / event / aria-disabled-changed.html [blame]

<!--
@MAC-ALLOW:AXEnabled
@WIN-ALLOW:UNAVAILABLE
-->
<!DOCTYPE html>
<form>
  <div id="checkbox0" aria-label="checkbox0" role="checkbox"></div>
  <div id="checkbox1" aria-label="checkbox1" role="checkbox"></div>
  <div id="checkbox2" aria-label="checkbox2" role="checkbox" aria-disabled="true"></div>
  <fieldset id="fieldset0" aria-label="fieldset0" aria-disabled="true">
    <div id="radio0" aria-label="radio0" role="radio" aria-disabled="true"></div>
  </fieldset>
  <fieldset id="fieldset1" aria-label="fieldset1" aria-disabled="true">
    <div id="radio1" aria-label="radio1" role="radio" aria-disabled="true"></div>
  </fieldset>
  <fieldset id="fieldset2" aria-label="fieldset2">
    <div id="radio2" aria-label="radio2" role="radio"></div>
  </fieldset>
</form>
<script>
  function go() {
    // Set aria-disabled on checkbox from default false->false; should not fire an event.
    document.getElementById('checkbox0').setAttribute('aria-disabled', false);

    // Set aria-disabled on checkbox from default false->true; should fire an event.
    document.getElementById('checkbox1').setAttribute('aria-disabled', true);

    // Set aria-disabled on checkbox from true->[removed]; should fire an event.
    document.getElementById('checkbox2').removeAttribute('aria-disabled');

    // Set aria-disabled on radio from true->false; should fire an event.
    document.getElementById('radio0').setAttribute('aria-disabled', false);

    // Set aria-disabled on fieldset from true->false; should fire an event.
    document.getElementById('fieldset0').setAttribute('aria-disabled', false);

    // Set aria-disabled on radio from true->[removed]; should fire an event.
    document.getElementById('radio1').setAttribute('aria-disabled', false);

    // Set aria-disabled on fieldset from true->[removed]; should fire an event.
    document.getElementById('fieldset1').setAttribute('aria-disabled', false);

    // Set aria-disabled on radio from default false->false; should not fire an event.
    document.getElementById('radio2').setAttribute('aria-disabled', false);

    // Set aria-disabled on fieldset from default false->false; should not fire an event.
    document.getElementById('fieldset2').setAttribute('aria-disabled', false);
  }
</script>