Skip to content

Accessibility :: Date Picker Dialogue : Date Grid - Enter and Space to select a date #2008

Closed
@ben-caplan

Description

@ben-caplan

Describe the bug
Per the W3C (WCAG) Accessibility standards a user be able to use both the enter and the space keys to trigger the selection of a date within the date picker.

To Reproduce
Open any date picker press the space button and see that the current highlighted date is not selected. Pressing enter on the other hands does exhibit the expected behavior.

Expected behavior
Update the functionality such that spacebar and enter both trigger the selection of a date. Here is the W3C specification (https://www.w3.org/TR/wai-aria-practices/examples/dialog-modal/datepicker-dialog.html#kbd_label_5):

Space, Enter

  • Select the date, close the dialog, and move focus to the Choose Date button.
  • Update the value of the Date input with the selected date.
  • Update the accessible name of the Choose Date button to include the selected date.

Desktop (please complete the following information):
All devices, All Browsers

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions