Automattic / Automattic/jetpack

Sharing Button: Tooltip accessibility

Open
#36,420 0 comments 0 reactions 0 assignees View on GitHub
[Block] Sharing Button [Block] Sharing Buttons [Feature] Sharing [Focus] Accessibility [Focus] Blocks [Pri] Normal Enhancement
Dominant language
PHP
Stars
1.8k
Forks
898
Avg merge
1d 14h
Merged PRs (30d)
790

Description

As mentioned in original pr: https://github.com/Automattic/jetpack/pull/35967#discussion_r1507387285 when the tooltip appears ('Copied to clipboard') it is not read by screen readers.

For some reason, it wouldn't work just using `aria-live` or `role`, but only when tooltip is moved outside of `a` tag. We need to explore on how to better address this.

Contributor guide

Open the contributing guide

Research direction

Start with the original PR discussion at #35967, especially the accessibility note about the “Copied to clipboard” tooltip, and inspect the sharing button implementation it references. Compare the current aria-live and role behavior with moving the tooltip outside the a tag; done means screen readers reliably announce the tooltip without breaking the button interaction.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
accessibility, frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.