Tooltips die uitleg geven zonder in de weg te staan

Wat een tooltip is

Nielsen Norman Group definieert een tooltip als een kort, informatief bericht dat verschijnt wanneer een gebruiker interactie heeft met een element, geïnitieerd door een muisbeweging of een toetsenbordbeweging (waarbij de toetsenbordfocus op een element blijft). Omdat ze afhankelijk zijn van zweven, zijn tooltips normaal gesproken niet beschikbaar op touchscreens.

Aanvullend, nooit essentieel

NN/g geeft een duidelijk voorbeeld van een fout: een site die wachtwoordvereisten in tooltip heeft gezet. Informatie die mensen nodig hebben om een ​​taak te voltooien, moet op het scherm verschijnen. Tooltips passen bij definities, uitleg over waarom er om een ​​veld wordt gevraagd en labels voor knoppen met alleen pictogrammen.

Toegankelijkheid

Maak tooltips voor iedereen bruikbaar:

• Open zowel bij toetsenbordfocus als bij zweven.
• Laat mensen het negeren met Escape zonder de focus te verplaatsen.
• Houd het open terwijl de aanwijzer erop beweegt.
• Sluit het aan op de trigger, zodat schermlezers het aankondigen.
• Plaats geen interactieve inhoud erin; gebruik in plaats daarvan een popover.

Tooltips op aanraakapparaten

Hover bestaat niet bij aanraking. Gebruik een zichtbaar infopictogram dat met één druk op de knop een kleine popover opent, of toon de uitleg inline. Voor complexe bedrijfsstatistieken is een infopictogram naast het label een bekend patroon op elk apparaat.

Beweging en timing

Een korte vertraging vóór weergave voorkomt dat tooltips flikkeren als de aanwijzer over elementen beweegt; zodra er één geopend is, kunnen aangrenzende tooltips onmiddellijk verschijnen. Een snelle vervaging of kleine schaal van de trigger helpt mensen te zien waar deze vandaan komt. Houd het onder ongeveer 150 milliseconden.