Visual Example
...
Acceptance Criteria
As a screen reader and keyboard only user and screen reader user I should:
be able
...
to navigate to and access the calendar by using the “TAB” key on the keyboard
...
...
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 date
...
As a screen reader user I should:
be able to explicitly associate the form label with the form control
When the calendar has keyboard focus:
the screen reader should announce ENTER INFORMATION HERE
...
Markup and Code
Please see the following recommended code example. It is fully accessible to both keyboard only and screen reader users.
...