WEBVTT

00:00:00.000 --> 00:00:06.000
Does a tooltip help everyone who needs the information?

00:00:06.000 --> 00:00:13.000
Hover or focus content needs careful triggering, reading and dismissal.

00:00:13.000 --> 00:00:18.000
Keep essential instructions easy to reach.
6 tooltip checks.

00:00:18.000 --> 00:00:30.000
Keep essential guidance visible
A hidden hint should not be the only route to critical task instructions.
Essential instructions · Visible guidance · Supplementary hint

00:00:30.000 --> 00:00:42.000
Support more than mouse hover
Check whether keyboard users can reveal the same useful information.
Pointer hover · Keyboard focus · Equivalent information

00:00:42.000 --> 00:00:54.000
Make dismissal possible
The visitor needs a way to dismiss extra content when it obscures the page.
Dismiss action · Escape where appropriate · Unobscured content

00:00:54.000 --> 00:01:06.000
Let the pointer reach the hint
Hover content should not vanish when someone moves towards it.
Pointer movement · Hoverable hint · Readable content

00:01:06.000 --> 00:01:18.000
Allow enough reading time
The content should persist while it is needed under the applicable pattern.
Readable duration · Focus or hover state · Controlled dismissal

00:01:18.000 --> 00:01:30.000
Check touch and small screens
A touch visitor may not have a normal hover interaction.
Touch interaction · Alternative access · Usable small-screen task

00:01:30.000 --> 00:01:39.000
Your checklist
Keep essential guidance visible · Support more than mouse hover · Make dismissal possible · Let the pointer reach the hint · Allow enough reading time · Check touch and small screens

00:01:39.000 --> 00:01:47.000
Test the hint with a keyboard, pointer and touch screen.
jerseyweb.je