Web accessibility service pageWeb accessibility service page

9.4:H309103 Indicate the tab key, the link and the object moving order.

Improper design

No indication of the use of tabindex element to set TAB key in the object moving order.

Improper design:

  <TEXTAREA name="field1">enter your first answer</TEXTAREA>
  <TEXTAREA name="field2">enter your second answer</TEXTAREA>
  <INPUT type="submit" value="sent answer">
  <A href="#top">return to homepage</A>
          

Proper demonstration

Use tabindex element to set TAB key on the object moving order control. When user hit the TAB, the order of the control key will decide the moving order according to the size designed by tabindex link.

Proper example:

  <TEXTAREA name="field1" tabindex="2">enter your first answer</TEXTAREA>
  <TEXTAREA name="field2" tabindex="3">enter your second answer</TEXTAREA>
  <INPUT type="submit" tabindex="4" value="sent answer">
  <A href="#top" tabindex="1">return to homepage</A>
          
End of Main Content