W3CWeb Accessibility Initiative Home

Form navigation

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.9 Allow structured navigation (Priority 2 )
Provision 1 : Allow the user to navigate efficiently to and among important structural elements in rendered content.
Provision 2 : As part of satisfying provision one of this checkpoint, allow forward and backward sequential navigation.

Test 1 :

Procedure

  1. Using the keyboard or an assistive technology that emulates the keyboard, navigate forward and backward through the forms on this page.

Run test

FORM 1
FORM 2
FORM 3

Expected results

  1. The user should be able to navigate sequentially through the forms on this page while skipping non-structural text.
  2. The user can navigate both forward and backward through the forms.

Source code

<form action="../action/return.html" method="post" enctype="application/x-www-form-urlencoded" action="../action/return.html" method="post" enctype="application/x-www-form-urlencoded" action="../action/return.html" method="post" enctype="application/x-www-form-urlencoded">
  <div>
    <br clear="none" clear="none" clear="none"></br>
    <label for="input1" for="input2" for="input3">Form 1 input area: </label>
    <input id="input1" name="input1" type="text" id="input2" name="input2" type="text" id="input3" name="input3" type="text"></input>
    <button id="button1" name="button1" type="submit" id="button2" name="button2" type="submit" id="button3" name="button3" type="submit">Submit</button>
  </div>
</form>
<form action="../action/return.html" method="post" enctype="application/x-www-form-urlencoded" action="../action/return.html" method="post" enctype="application/x-www-form-urlencoded">
  <div>
    <br clear="none" clear="none"></br>
    <label for="input2" for="input3">Form 2 input area: </label>
    <input id="input2" name="input2" type="text" id="input3" name="input3" type="text"></input>
    <button id="button2" name="button2" type="submit" id="button3" name="button3" type="submit">Submit</button>
  </div>
</form>
<form action="../action/return.html" method="post" enctype="application/x-www-form-urlencoded">
  <div>
    <br clear="none"></br>
    <label for="input3">Form 3 input area: </label>
    <input id="input3" name="input3" type="text"></input>
    <button id="button3" name="button3" type="submit">Submit</button>
  </div>
</form>

References

  1. HTML 4.01 specification for FORM

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