Pizza Order Form: Instructions using label

Features

  • Instructions are placed before the form control to support all users who read from top to botton, but especially screen reader users.
  • Uses label[for] to add instructions to related control.
  • This technique helps screen reader users hear the instructions when they get to the related form control. Less predictable how a screen reader will read the instruction information.
  • Does not affect keyboard only users.

Pizza Form

Crust
Toppings

HTML Source Code