Visual Example
Acceptance Criteria
As a screen reader and keyboard only 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.