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