WAI Validation warnings - Explain please

[lozza]

I've just run my site Atypus through the HiSoftware® Cynthia Says™ - Web Content Accessibility Report

and it's highlighted the following warnings:

9.4 Create a logical tab order through links, form controls, and objects.

• Rule: 9.4.1 - All Anchor, AREA, BUTTON, INPUT, OBJECT, SELECT and TEXTAREA elements are required to use the 'tabindex' attribute.
  • Warning - One or more Anchor, AREA, BUTTON, INPUT, OBJECT, SELECT and TEXTAREA elements do not use the 'tabindex' attribute.

9.5 Provide keyboard shortcuts to important links (including those in client-side image maps), form controls, and groups of form controls.

• Rule: 9.5.1 - All Anchor, AREA, BUTTON, INPUT, LABEL, LEGEND, and TEXTAREA elements are required to use the 'accesskey' attribute.
  • Warning - One or more Anchor, AREA, BUTTON, INPUT, LABEL, LEGEND, and TEXTAREA elements do not use the 'accesskey' attribute.

Could some explain the 'tabindex' and 'accesskey' attributes in simple terms and how to use them

thank you

 

[lozza]

Brillant i understand that first read lol Thanks!

So question, this code:

<input type="text" id="query" tabindex="1" />

Where would i put it if i want to tabindex my navigation from 1 to 6

<div id="nav">
      <div><img src="images/web.jpg" alt="web" width="280" height="400"></div>
      <ul>
        <li><a href="#">Home...........................................</a></li>
        <li><a href="#">About Us......................................</a></li>
        <li><a href="#">Services.......................................</a></li>
        <li><a href="#">Portfolio.......................................</a></li>
        <li><a href="#">Case Studies................................</a></li>
        <li><a href="#">Contact Us...................................</a></li>
      </ul>
    </div>

 

[lozza]

Thanks for your help - very good article as well.

I think i'll leave it alone for now but at least i know what it's all about now!