Accessible Datepickers

Example

ARIA Date Picker

Calendar


keyboard accessible

  • When the calendar is opened, focus is set on the current date.
  • Press the Left and Right arrow keys to navigate the row by week day.
  • Press the Home and End keys to jump to the beginning or end of the current row.
  • Press the Up and Down arrow keys to navigate between weeks on the same week day.
  • Press the PageDown and PageUp keys to navigate backwards or forwards by month.
  • Press Alt+PageDown and Alt+PageUp to navigate backwards or forwards by year.
  • Press the Enter key to activate the selected date.
  • Press Escape to close the calendar without making a selection.
  • Mouse users can click the desired date buttons as usual.

Discover more from Enabled.in

Subscribe to get the latest posts sent to your email.

Discover more from Enabled.in

Subscribe now to keep reading and get access to the full archive.

Continue reading