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 件 担当者 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 を短くまとめたダイジェスト。