Versions Compared

Key

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

Visual Example

Image RemovedImage Added

...

Acceptance Criteria

...

When the calendar form field has keyboard focus: 

  • be able to use the “TAB” key on the keyboard to navigate through the months and years

  • be able to use the left/right ←/→ arrow keys on the keyboard to navigate between dates

  • be able to use the “ENTER” key on the keyboard to select a datethe screen reader should announce the month, day and year format to enter

When the calendar button has keyboard focus: 

  • the screen reader should announce ENTER INFORMATION HERE“Choose date button. To activate press ENTER.

When the calendar widget has been activated: 

...

Markup and Code

Please see the following recommended code example of a date picker and calendar widget.

...