W3CWeb Accessibility Initiative Home

BUTTON

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

Nearby: More HTML 4.01 Tests | UAAG 1.0 Test Suite

UAAG 1.0 Requirement

Checkpoint 1.1 Full keyboard access (Priority 1 )
Provision 1 : Ensure that the user can operate, through keyboard input alone, any user agent functionality available through the user interface.

Test 1 :

Procedure

  1. Using the standard keyboard or an assistive technology that emulates the keyboard, move focus to the "Submit" button and activates the "Submit" button.

Run test

Expected results

  1. The keyboard or assistive technology that emulates the keyboard moves focus to the "Submit" button.
  2. The keyboard or assistive technology that emulates the keyboard activates the "Submit" button.

Source code

<form action="../action/return.html" method="post" enctype="application/x-www-form-urlencoded">
  <label for="submit">Submit Button: </label>
  <button id="submit" name="submit" type="submit" value="submit">Submit</button>
</form>

Test 2 :

Procedure

  1. Using the standard keyboard or an assistive technology that emulates the keyboard, move focus to the "Reset" button.
  2. Using the standard keyboard or an assistive technology that emulates the keyboard, activate the "Reset" button.
  3. (To make sure initial values have been restored, activate the textarea and alter "Initial value".)

Run test


Expected results

  1. The standard keyboard or an assistive technology that emulates the keyboard activates the "Reset" button and restores the TEXTAREA to "Initial Value".

Source code

<form action="../action/return.html" method="post" enctype="application/x-www-form-urlencoded">
  <label for="textarea">Default Textarea: </label>
  <textarea id="textarea" name="textarea" rows="1" cols="14">Initial Value</textarea>
  <br clear="none"></br>
  <label for="reset">Reset Button </label>
  <button id="reset" name="reset" type="reset" value="reset">Reset</button>
</form>

Test 3 :

Procedure

  1. Using the standard keyboard or an assistive technology that emulates the keyboard, move focus to the "Test Button" and activate the button.

Run test

Expected results

  1. The standard keyboard or an assistive technology that emulates the keyboard activates "Test Button" and its associated function.

Source code

<form action="../action/return.html" method="post" enctype="application/x-www-form-urlencoded">
  <label for="test-button">Test Button: </label>
  <button id="test-button" onclick="document.write("Test was successful. Click back on your browser to return to the test suite.")" type="button" value="Test Button">Test Button</button>
</form>

References

  1. HTML 4.01 specification for BUTTON

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:27 $ by $Author: jongund $

Copyright © 1999 - 2003 W3C® ( MIT , INRIA , Keio ), All Rights Reserved. W3C liability , trademark , document use and software licensing rules apply.