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

Accessibility Issues with Datepicker on Mac and PC #2938

Open
olavflar opened this issue Jan 22, 2025 · 0 comments
Open

Accessibility Issues with Datepicker on Mac and PC #2938

olavflar opened this issue Jan 22, 2025 · 0 comments
Labels
area/accessibility related to WCAG and accessibility kind/bug Something isn't working

Comments

@olavflar
Copy link

olavflar commented Jan 22, 2025

Description of the bug

On Mac, the datepicker works only in Safari, but when a date is selected and the user presses Enter or tabs to the next element, the focus jumps to the top of the page.
The same happens when tabbing out of the popup window of the navigation.
On Mac, in Firefox and Chrome, it’s not possible to navigate to the popup window using the keyboard.
On PC, it's also not possible to navigate to the popup window in Edge, Chrome, and Firefox.

Steps To Reproduce

Go to https://ttd.apps.tt02.altinn.no/ttd/frontend-test#/instance/51799569/bfd3e8cf-a489-48ae-bd0d-a4d936d3e04b/Task_2/form
Try to navigate to the datepicker with the keyboard (Tab) in the following environments:
Mac: Safari, Chrome, Firefox
PC: Edge, Chrome, Firefox
Select a date in the popup window.
Press Enter or Tab to move forward.
Expected behavior

Additional Information

After selecting a date, the focus should logically move to the next element in the focus order.
There should be no unexpected redirection to the top of the page.
Keyboard navigation to the popup window should work across all supported browsers.

@olavflar olavflar added kind/bug Something isn't working status/triage labels Jan 22, 2025
@olavflar olavflar assigned olavflar and paal2707 and unassigned olavflar Jan 22, 2025
@olavflar olavflar added area/accessibility related to WCAG and accessibility and removed status/triage labels Jan 22, 2025
@RonnyB71 RonnyB71 moved this to 📈 Todo in Team Apps Jan 27, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area/accessibility related to WCAG and accessibility kind/bug Something isn't working
Projects
Status: 📈 Todo
Development

No branches or pull requests

2 participants