adobe / adobe/adobe.github.com

The "Allow Access" and "Cancel" buttons are not keyboard accessible, preventing users from interacting with them using keyboard input.

未关闭
#146 6 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看
主要语言
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

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。