Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Calendar: Add additional keyboard support #14995

Closed
barbGit2 opened this issue Mar 8, 2024 · 0 comments · Fixed by #15451
Closed

Calendar: Add additional keyboard support #14995

barbGit2 opened this issue Mar 8, 2024 · 0 comments · Fixed by #15451
Labels
Component: Accessibility Issue or pull request is related to WCAG or ARIA LTS-16-PORTABLE LTS-FIXED-15.4.19 Fixed in PrimeNG LTS 15.4.19 LTS-FIXED-16.9.9 Fixed in PrimeNG LTS 16.9.9 Type: Enhancement Issue contains an enhancement related to a specific component. Additional functionality has been add
Milestone

Comments

@barbGit2
Copy link

barbGit2 commented Mar 8, 2024

Describe the bug

Add the following keyboard support to the Calendar for the following Keyboard event code(s):

  • Home moves focus to the cell representing the first day of the currently displayed month.
  • End: moves focus to the cell representing the last day of the currently displayed month.
  • PageUp: moves to the same date in the previous month.
  • PageDown: moves to the same date in the next month.

This is based on WAI-ARIA grid and The Accessibility Cookbook Technique: Date and date range pickers

Environment

Linux

Reproducer

No response

Angular version

16

PrimeNG version

16.9.1 and master

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

16.20.2

Browser(s)

Chrome 122.0.6261.94

Steps to reproduce the behavior

The Calendar does not support the Keyboard event codes: 'Home', 'End', 'PageUp', 'PageDown'

Expected behavior

When using the Calendar component, the following keyboard events are supported:

  • Home moves focus to the cell representing the first day of the currently displayed month.
  • End: moves focus to the cell representing the last day of the currently displayed month.
  • PageUp: moves to the same date in the previous month.
  • PageDown: moves to the same date in the next month.
@barbGit2 barbGit2 added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Mar 8, 2024
@mehmetcetin01140 mehmetcetin01140 added Component: Accessibility Issue or pull request is related to WCAG or ARIA and removed Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible labels Mar 18, 2024
@cetincakiroglu cetincakiroglu added this to the 17.16.1 milestone May 9, 2024
@cetincakiroglu cetincakiroglu added LTS-16-PORTABLE Type: Enhancement Issue contains an enhancement related to a specific component. Additional functionality has been add labels May 9, 2024
@mehmetcetin01140 mehmetcetin01140 added LTS-FIXED-16.9.9 Fixed in PrimeNG LTS 16.9.9 LTS-FIXED-15.4.19 Fixed in PrimeNG LTS 15.4.19 labels May 10, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Component: Accessibility Issue or pull request is related to WCAG or ARIA LTS-16-PORTABLE LTS-FIXED-15.4.19 Fixed in PrimeNG LTS 15.4.19 LTS-FIXED-16.9.9 Fixed in PrimeNG LTS 16.9.9 Type: Enhancement Issue contains an enhancement related to a specific component. Additional functionality has been add
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants