Pizza Order Form: Instructions using tabindex

Features

  • Instructions are placed before the form control to support all users who read from top to botton, but especially screen reader users.
  • Uses tabindex=0 to create a tab stop for the instructions.
  • This technique helps screen reader users hear the instructions before they get to the form controls. As they tab throught the page they will tab to the instructions.
  • Keyboard only users maybe a little annoyed at the extra tab stop between interactive controls.

Pizza Form

Free home delivery on Monday's and Tuesday nights.
Crust
Toppings
First topping is free and $1.00 extra for each additional topping.

HTML Source Code