Open Anshi0420 opened 1 year ago
This issue has been marked as "needs attention π" since it has not been triaged for 7 days. Please triage the issue .
This issue has been marked as "needs attention π" since it has not been triaged for 7 days. Please triage the issue .
This issue has been marked as "needs attention π" since it has not been triaged for 7 days. Please triage the issue .
This issue has been marked as "needs attention π" since it has not been triaged for 7 days. Please triage the issue .
This issue has been marked as "needs attention π" since it has not been triaged for 7 days. Please triage the issue .
This issue has been marked as "needs attention π" since it has not been triaged for 7 days. Please triage the issue .
This issue has been marked as "needs attention π" since it has not been triaged for 7 days. Please triage the issue .
This issue has been marked as "needs attention π" since it has not been triaged for 7 days. Please triage the issue .
This issue has been marked as "needs attention π" since it has not been triaged for 7 days. Please triage the issue .
This issue has been marked as "needs attention π" since it has not been triaged for 7 days. Please triage the issue .
This issue has been marked as "needs attention π" since it has not been triaged for 7 days. Please triage the issue .
This issue has been marked as "needs attention π" since it has not been triaged for 7 days. Please triage the issue .
This issue has been marked as "needs attention π" since it has not been triaged for 7 days. Please triage the issue .
What happened?
Incorrect method of navigation is present for the tab items inside the 'Edit your Manifest' dialogue, the tab items such as info, setting, platforms, etc. are navigable with tab key as well as arrow keys.
How do we reproduce the behavior?
Repro Steps:
What do you expect to happen?
The tab items present such as info, setting, platforms, etc. inside the 'Edit your Manifest' dialogue must be navigable with left/right arrow keys only.
What environment were you using?
Test Environment: OS Build: Windows 11 Enterprise Insider Preview 22H2 (23493.1000) Edge Browser: Version 115.0.1880.3 (Official build) dev (64-bit) User ID: V- URL: https://www.pwabuilder.com/reportcard?site=https://webboard.app
Additional context
Observation: While navigating with tab key user needs to press the enter to activate the tab Item but with arrow keys it is activating automatically as the focus land on the tab.
Note: Issue is also repro at https://www.pwabuilder.com/reportcard?site=https://example.com
User Experience: If the incorrect method of navigation will be present for the tab items, then the screen reader dependent users on may face difficulties in navigating at the UI properly and they may get confused.
WCAG Reference: https://www.w3.org/WAI/WCAG21/Understanding/focus-order.html
Attachments:
https://github.com/pwa-builder/PWABuilder/assets/117908911/00b38b33-ba1e-481e-9f3c-fb6446f7dd05