salesforce / salesforce/design-system-react
[Accessibility] Issues with hover and on focus content
Open
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 982
- Forks
- 440
- Avg merge
- 1d 21h
- Merged PRs (30d)
- 4
Description
When tabbing to the prerequisite links there is a tooltip. The following accessibility issues were observed:
- Pointer hover can trigger the additional content, but the pointer can’t be moved over the additional content without the additional content disappearing.
- Keyboard users are forced to navigate back to the trigger element or out of the additional content in order to dismiss it.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by locating the prerequisite links and their tooltip implementation, then reproduce the pointer-hover and keyboard-focus behavior described in the issue. Done means pointer users can move into the additional content without it disappearing, and keyboard users can dismiss that content without navigating back to the trigger.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- accessibility, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100