Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 7 Next »

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:

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.

View Markup, CSS and JS Code

  • No labels