Accessibility

Main menu

For screen readers

Please note that some screen readers may require the user to press "Escap" before navigating with the left or right arrow keys.

 

For keyboard controls:

If a menu bar item has focus and the menu is not open, then:
Enter, Spacebar, and the up down arrow keys open the menu and places focus on the first menu item in the opened menu or child menu bar.

  • Left or right arrow keys moves focus to the adjacent menu bar item.
  • When a menu is open and focus is on a menu item in that open menu, then Enter or Spacebar invokes that menu action (which may be to open a submenu).
  • When a menu is open and focus is on a menu item in that open menu, then Enter or Spacebar invokes that menu action (which may be to open a submenu).
  • Up or down arrow keys cycles focus through the items in that menu.
  • Escape closes the open menu and returns focus to the parent menu item.
  • Typing a letter (printable character) key moves focus to the next instance of a visible node whose title begins with that printable letter.
  • Tabbing out of the menu component closes any open menus.
  • With focus on a menu item and a sub menu opened via mouse behaviour, pressing down arrow moves focus to the first item in the sub menu.
  • With focus on a menu item and a sub menu opened via mouse behaviour, pressing up arrow moves focus to the last item in the sub menu.
  • With focus on a submenu item, the user must use arrows or the Escape key to progressively close submenus and move up to the parent menu item(s).
  • At the top level, Escape key closes any sub menus and keeps focus at the top level menu.

Date Picker

For screen readers

Please directly enter the date with the following format : 2 digits month / 2 digits day / 4 digits year. Depending on the screen reader, the calendar widget may not be convenient.


For keyboard controls:

Tab to the button and press Enter to launch a keyboard aware datepicker control.

  • Day navigation: Ctrl + ← → ↑ ↓
  • Previous month: Page Up
  • Next month: Page Down
  • Close datepicker (without selecting date): Escape
  • Select highlighted date and close datepicker: Enter