jperasmus / jperasmus/docsify-copy-code

Proper keyboard focus boundary is not visible on the ‘Copy to clipboard’ button.

Open
#71 7 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

help wanted
Dominant language
JavaScript
Stars
108
Forks
69
PR merge metrics
No merged PRs in 30d

Description

Test Environment:
OS: Windows11
OS Version: 23H2 (Build 25905.1000)
Browser: Edge Dev (Version 117.0.2007.0 (Official build) dev (64-bit))
URL: PWABuilder - Packaging for the Google Play Store
Screen reader: Narrator

Steps to reproduce

  1. Open the URL: PWABuilder - Packaging for the Google Play Store in browser.
  2. Navigate to ‘Copy to clipboard’ button through tab key.
  3. Observe the issue.

Current behaviour
Keyboard focus boundary is not visible on the ‘Copy to clipboard’ button present at the page.

Expected behaviour
Proper keyboard focus boundary should be visible on the ‘Copy to clipboard’ button.

Attachments:
Proper keyboard focus boundary is not visible on the ‘Copy to clipboard’ button1 (1)
Proper keyboard focus boundary is not visible on the ‘Copy to clipboard’ button (1)

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Reproduce the issue at the linked PWABuilder Android packaging page and inspect the implementation of its ‘Copy to clipboard’ button. Use keyboard navigation to verify the focus boundary before and after the change; done means the button has a clearly visible focus indicator when reached with Tab.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
accessibility, frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
50/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.