tooltips

Solid

Load this skill whenever the project contains tooltip components, hover- triggered informational popups, title attribute tooltips, or any content revealed on hover or focus. Under no circumstances create tooltips that are only triggered by hover without keyboard equivalent access. Absolutely always ensure tooltips are dismissible, persistent enough to read, and not the sole source of essential information.

AI & Automation 35 stars 2 forks Updated today AGPL-3.0

Install

View on GitHub

Quality Score: 79/100

Stars 20%
52
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
80
License 10%
100
Description 5%
100

Skill Content

# Tooltips Accessibility Skill > **Canonical source**: `examples/TOOLTIP_ACCESSIBILITY_BEST_PRACTICES.md` in `mgifford/ACCESSIBILITY.md` > This skill is derived from that file. When in doubt, the example is authoritative. Apply these rules when implementing or reviewing tooltip components. **Only load this skill if the project contains tooltips.** --- ## Core Mandate A tooltip is a short, non-interactive description that appears automatically when its trigger receives keyboard focus or pointer hover. An accessible tooltip must be available to keyboard, pointer, touch, magnification, and assistive technology users without hiding essential information or blocking the interface. Tooltips are often the wrong solution. Persistent visible text, a clear control label, a disclosure, or a dialog is usually easier to discover and use. This guide covers authored tooltips; the HTML `title` attribute produces a browser-controlled tooltip with different behavior and limitations (see below). Use the project's `skills/bug-reporting/SKILL.md` severity/priority framework to grade findings. The severity scale below is a skill-local shorthand, not a universal standard. --- ## Severity Scale (this skill) | Level | Meaning | | --- | --- | | **Critical** | Tooltip contains essential information with no other access route | | **Serious** | Tooltip unreachable by keyboard or AT; interactive content trapped in a tooltip | | **Moderate** | Tooltip accessible but WCAG 1.4.13 requirements not f...

Details

Author
mgifford
Repository
mgifford/accessibility-skills
Created
4 months ago
Last Updated
today
Language
JavaScript
License
AGPL-3.0

Similar Skills

Semantically similar based on skill content — not just same category