adobe / adobe/adobe.github.com

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

Open
#146 6 comments 0 reactions 0 assignees View on GitHub
Dominant language
CSS
Stars
1.6k
Forks
379
PR merge metrics
No merged PRs in 30d

Description

### 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

Contributor guide

Open the contributing guide

Research direction

Reproduce the issue using the linked CodePen in Edge on Windows and inspect the page controls while navigating with Tab. Identify the source for the “Allow Access” and “Cancel” buttons; done means both buttons receive keyboard focus and can be activated from the keyboard, with the behavior covered by a suitable accessibility check.

Written by the indexing model from the issue text.

Assessment

Domain
accessibility, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
48/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.