Wat is een tooltip?
Een tooltip is een klein tekstballonnetje dat verschijnt zodra je met je muis over een element zweeft. Bedoeld voor een korte toelichting van een paar woorden.
Je kent hem van pictogrammen zonder tekst.
Zweef je erover, dan zie je wat de knop doet.
Waarvoor je hem gebruikt
Voor uitleg die niet altijd zichtbaar hoeft te zijn: de betekenis van een pictogram, een afkorting of een veld in een formulier.
Meer daarover lees je bij wanneer je een tooltip gebruikt.
Hoe hij verschijnt
Bij zweven met de muis of bij het bereiken met de tabtoets. Dat tweede is een eis, geen extra.
Meer daarover lees je bij accessibility.
Het probleem op een telefoon
Daar bestaat zweven niet. Een tooltip die alleen op zweven reageert, is op een telefoon onbereikbaar.
Meer daarover lees je bij of tooltips werken op mobiel.
Mijn vuistregels
- Alleen voor aanvullende uitleg.
- Nooit voor informatie die je nodig hebt.
- Bereikbaar met het toetsenbord.
- Kort: een regel, hooguit twee.
Die tweede is de belangrijkste: wat iemand moet weten, zet je gewoon op je pagina.
Het ingebouwde alternatief
Een titelattribuut geeft ook een ballonnetje, zonder code. Alleen kun je het uiterlijk niet aanpassen en werkt het niet op een telefoon.
Meer daarover lees je bij frontend.
Waar je hem ziet
Bij pictogrammen in een balk, bij formuliervelden met een vraagteken en bij afgekorte begrippen.
Meer daarover lees je bij navigatie.