Web accessibility service pageWeb accessibility service page

9.6:H309105 Consider adding Accesskey on the keyboard for Table document.

Improper design

If Web developer did not provide an accesskey in the document forms, it will cause difficulties on the browser page.

Improper design:

  <FORM action="submit" method="post">
  <LABEL for="user">username:</LABEL>
  <INPUT type="text"id="user" value="enter your name">
  <FIELDSET>
  <LEGEND>gender:</LEGEND>
  <INPUT name="sex" type="radio" id="male" checked>
  <LABEL for="male">male</LABEL>
  <INPUT type="radio" name="sex" id="female">
  <LABEL for="female">female</LABEL>
  </FIELDSET>
  <LABEL for="com">suggestion:</LABEL>
  <INPUT name="comment" type="text" id="com" value="enter your suggestions">
  </FORM>
          

Proper demonstration

The use of accesskey allows faster and convenient browsing by disabled users.

Proper example:

  <FORM action="submit" method="post">
  <LABEL for="user" accesskey="U">username(U):</LABEL>
  <INPUT type="text" id="user" value="enter your name">
  <FIELDSET accesskey="S">
  <LEGEND>gender(S):</LEGEND>
  <INPUT name="sex" type="radio" id="male" checked>
  <LABEL for="male">male</LABEL>
  <INPUT type="radio" name="sex" id="female">
  <LABEL for="female">female</LABEL>
  </FIELDSET>
  <LABEL for="com" accesskey="X">suggestion(X):</LABEL>
  <INPUT name="comment" type="text" id="com" value="enter your suggestions">
  </FORM>
          
End of Main Content