Darstellung und Verhalten

• Tooltips enthalten textliche Zusatzinformationen zu einem Element.
• Initial wird nur ein Info-Icon angezeigt.
• Klicken Nutzende auf das Info-Icon, so wird eine Sprechblase angezeigt.
• Die Sprechblase besteht aus einem Text und einem Schliessen-Icon.
• Klicken Nutzende auf das Schliessen-Icon oder ausserhalb der Sprechblase, wird die Sprechblase geschlossen.
• Die Sprechblase legt sich über den Inhalt.
• Der Pfeil der Sprechblase ist immer zentriert (entweder auf der oberen oder unteren horizontalen Linie oder auf der linken oder rechten Aussenlinie).
• Die Sprechblase wird immer so dargestellt, dass sie vollständig sichtbar ist.
• Der Text in der Sprechblase kann folgende Formatierungen und Inhalte haben:
  • Titel
  • Text
  • Aufzählung (nummeriert und nicht nummeriert)
  • Text-Link
  • Bild

Verwendung

Ein Tooltip gibt Nutzenden zusätzliche, weiterführende Informationen.

Wir setzen es ein, wenn aus Platz- oder Übersichtlichkeitsgründen kein dauerhafter Infotext eingeblendet werden soll. Zwei Anwendungsbeispiele:

• In Formularen können wir den Tooltip nutzen, um einen Hilfetext zu einem Formularfeld anzuzeigen.
• Weiterführende Informationen, etwa zu Info-Grafiken.