W3CWeb Accessibility Initiative Home

No automatic activation of ONCHANGE events

On this page: Test 1 | References | About these tests

Nearby: More HTML 4.01 Tests | UAAG 1.0 Test Suite

UAAG 1.0 Requirement

Checkpoint 9.5 No events on focus change (Priority 2 )
Provision 1 : Allow configuration so that moving the content focus to or from an enabled element does not automatically activate any explicitly associated event handlers of any event type.

Test 1 :

Procedure

  1. Configure the user agent so that moving content focus to an enabled element does not automatically activate any explicitly associated event handlers of any event type.
  2. Change the select option value in the test form.

Run test

red star

Expected results

  1. When the select option value is changed to a color, an image of a star does not appear.
  2. When the select option value is changed to a different color, an image of a differently colored star does not appear.

Source code

<table summary="layout table">
  <tbody>
    <tr>
      <td rowspan="1" colspan="1">
        <form action="../action/return.html" method="post" id="menuForm" name="menuForm" enctype="application/x-www-form-urlencoded">
          <select id="select1" onchange="changeTest()" name="select1">
            <option value="../images/clear.gif" selected="selected">Choose a color</option>
            <option value="../images/starRed.gif">Red Star</option>
            <option value="../images/starYel.gif">Yellow Star</option>
            <option value="../images/starPink.gif">Pink Star</option>
          </select>
        </form>
      </td>
      <td rowspan="1" colspan="1">
        <table border="1">
          <tbody>
            <tr>
              <td rowspan="1" colspan="1">
                <img id="redStar" height="35" alt="red star" src="../images/clear.gif" width="35" border="0" name="redStar"></img>
              </td>
            </tr>
          </tbody>
        </table>
      </td>
    </tr>
  </tbody>
</table>

Test Script Code

function changeTest () { document.redStar.src = document.menuForm.select1.options[document.menuForm.select1.selectedIndex].value; }

References

  1. HTML 4.01 specification for ONCHANGE

About this test suite

This test is part of a test suite for the User Agent Accessibility Guidelines (UAAG) 1.0 . This work is conducted by the User Agent Accessibility Guidelines Working Group , which is part of W3C's Web Accessibility Initiative (WAI) . Please send comments on this test to w3c-wai-ua@w3.org ( public archive ).


Test created by:

Last modified: $Date: 2003/04/02 23:46:46 $ by $Author: jongund $