Skip to content

Navigation of items with arrow keys #11

@jnystromdesign

Description

@jnystromdesign

Is your feature request related to a problem? Please describe.
In an accessibility standpoint navigation of the days, month and years menu should be made with the arrow keys instead of using tabs, since it mimics a lot of the behavior patterns in native html date tags and makes it easier for disabled users to make a selection.

Describe the solution you'd like

  • When inside day view menu (the one that lets you navigate days in month), tabs only let you switch focus between
    • selecting month,
    • year,
    • previous month
    • next month
    • selecting day selection.
    • If focused on day selection, arrows lets you navigate left-right-up-down, between items. Enter makes a selection.
  • When inside month view, tabs only let you switch focus between selecting month and going back to calendar overview. If focused on month selection, arrows lets you navigate left-right-up-down, between items. Enter makes a selection and returns user to overview.
  • When inside year view, tabs only let you switch focus between selecting month and going back to calendar overview. If focused on month selection, arrows lets you navigate left-right-up-down, between items. Enter makes a selection and returns user to overview.

Illustrating tab stops and places where arrows should be used for navigation
days
month
years

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Type

    No type

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions