adobe / adobe/adobe.github.com
The "Allow Access" and "Cancel" buttons are not keyboard accessible, preventing users from interacting with them using keyboard input.
- 主要语言
- CSS
- 星标
- 1.6k
- 派生
- 379
- PR 合并指标
- 30 天内没有已合并 PR
描述
### Expected Behaviour
Ensure the "Allow Access" and "Cancel" buttons are fully accessible and navigable using keyboard input to ensure usability for all users.
### Actual Behaviour
Users cannot interact with the "Allow Access" and "Cancel" buttons using keyboard input, hindering accessibility.
### Reproduce Scenario (including but not limited to)
#### Steps to Reproduce
1. Open above URL https://codepen.io/Tester43/pen/QWXLNJJ in edge browser.
2. Navigate to the page controls using tab key.
3. Verify 'Allow Access' & 'Cancel' buttons are accessible using keyboard tab key or not.
https://github.com/adobe/adobe.github.com/assets/93735775/ba8de4e7-1acd-4b7e-a2ff-8411c6d94ca2
#### Platform and Version
Platform: Windows
Build: Windows 11 (Version 23H2 22631.3737)
#### Sample Code that illustrates the problem
#### Logs taken while reproducing problem
贡献指南
调研方向
在 Windows 上的 Edge 中使用链接的 CodePen 重现该问题,并在使用 Tab 导航时检查页面控件。确定“Allow Access”和“Cancel”按钮的来源;完成的标准是两个按钮都能获得键盘焦点并可通过键盘激活,且该行为由适当的无障碍检查覆盖。
由索引模型根据 Issue 内容生成。
评估
- 领域
- accessibility, frontend
- Issue 类型
- 缺陷
- 难度
- 3/5
- 预计耗时
- 1-2 天
- 活跃度
- 冷清
- 描述清晰度
- 基本清楚
- 新手友好度
- 48/100