Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Use native and semantic HTML markup in connection with form related buttons.

As a screen reader and keyboard only user I should:

  • be provided with a button label

  • be able to

...

  • navigate to the button by using the “TAB” key on the keyboard

  • be able to activate the form related button by either pressing the “ENTER” key or “Spacebar” on the keyboard

As a screen reader user I should:

  • be able to explicitly associate the button with the form control or group of form controls

When the button has keyboard focus: 

  •  the screen reader should announce the button label.

Screen readers announce the nested text for <button> elements, and the value attribute for input buttons.

...