Devographics / Devographics/Monorepo

Tooltip triggers are inaccessible to keyboard users

Open
#369 2 comments 0 reactions 0 assignees View on GitHub
a11y results
Dominant language
TypeScript
Stars
178
Forks
55
Avg merge
1m
Merged PRs (30d)
2

Description

Using the [Accessibility page](https://2023.stateofhtml.com/en-US/features/accessibility/) from the latest (2023) survey, the tooltip triggers are inaccessible to keyboard users.

Because they contain click handlers, NVDA users in particular will hear "clickable" for every node using this construct. This happens even though they cannot trigger the tool-tips and the node itself may have no text to convey. On this page, an NVDA user has to hear "clickable" at least 105 times. Use this XPath to confirm the count:

```
//div[contains(@class,"Tooltip__Trigger")]
```

I encourage you to move away from JS event handlers and lean on `:focus` style triggers by default, adding in `:hover` when the `:focus` has been built.

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.