No more mouse hunting

Sometimes a keyboard may be the only way a person can use a computer. This has been mentioned already, but your tab ordering and keyboard support has to be on point. The best way to show this again is to use a screen reader and test out the examples.

Here are few ways to enrich the transcript experience, though:

Good tab order example

See the Pen Good tab order example by Kyle Bacon (@l3acon) on CodePen.

Bad tab order example

See the Pen Bad tab order example by Kyle Bacon (@l3acon) on CodePen.

Scout Review

  • Test, test, and test your tab order and keyboard support
  • Turn your mouse off, leave your track pad alone and see if you can use your site solely with a keyboard
A badge.

Way to go! Nice badge scout.

Don't mess with people slappin' the tab key unless you absolutely have to.

Up next: Non-traditional inputs »