Demo

Der Tooltip

Der Tooltip ist das kleine Pop-up, das eine Beschreibung zu einem Element einblendet. Er gehört zugleich zu den am häufigsten zweckentfremdeten Elementen der Oberflächengestaltung.

6 Min. Lesezeit Oberfläche Adoption

Definition in Kürze

Ein Tooltip ist ein kontextbezogenes Pop-up, das eine Beschreibung zu einem Element anzeigt – ausgelöst durch den Mauszeiger oder den Tastaturfokus.

  • Die normative Definition steht in WAI-ARIA 1.2 des W3C, nicht in einer Herstellerdokumentation.
  • Er darf nichts enthalten, was zum Abschluss einer Aufgabe unverzichtbar ist.
  • Er muss per Maus und per Tastatur erreichbar sein – sonst schließt er einen Teil der Anwender aus.

Was ist ein Tooltip?

Die einzige normative Definition kommt vom W3C. In WAI-ARIA 1.2 ist die Rolle tooltip definiert als ein kontextbezogenes Pop-up, das eine Beschreibung für ein Element anzeigt (W3C, WAI-ARIA 1.2).

Der ergänzende, nicht normative ARIA Authoring Practices Guide beschreibt das Muster ausführlicher: ein Pop-up, das Informationen zu einem Element anzeigt, wenn dieses den Tastaturfokus erhält oder der Mauszeiger darüber liegt (W3C, APG). Wichtig für die Einordnung: Die APG-Seite trägt selbst den Hinweis, dass das Muster noch in Arbeit ist und in der zuständigen Task Force kein Konsens besteht. Normativ ist die Rollendefinition, nicht das Muster.

Zur Schreibweise: Der Duden führt das Wort als Tooltipp mit zwei p – der Tooltipp, Plural die Tooltipps – und definiert es als kleines Pop-up, das sich bei Berührung mit dem Mauszeiger öffnet und einen kurzen erläuternden Text zu einer Schaltfläche zeigt (Duden). Die Schreibweise mit einem p ist kein Duden-Eintrag, im IT-Alltag aber die verbreitete Form.

Microsoft verwendet in der deutschsprachigen Dokumentation durchgängig QuickInfo: Eine QuickInfo ist dort ein Pop-up, das zusätzliche Informationen zu einem anderen Steuerelement oder Objekt enthält (Microsoft Learn DE). Kurzinfo ist dagegen nicht belegt.

Die Regeln, an denen Tooltips scheitern

Die Nielsen Norman Group hat 2019 die praktischen Leitlinien zusammengefasst. Drei davon werden regelmäßig verletzt (NN/g, Tooltip Guidelines):

  1. Keine Information in den Tooltip, die zum Abschluss der Aufgabe unverzichtbar ist. Was man braucht, um weiterzukommen, gehört sichtbar auf die Seite.
  2. Kurz und hilfreich. Ein Tooltip mit fünf Sätzen ist kein Tooltip mehr, sondern eine schlecht platzierte Dokumentation.
  3. Maus und Tastatur. Ein Tooltip, der nur bei Mausberührung erscheint, schließt Menschen aus, die mit der Tastatur navigieren.

Der Artikel enthält keine Statistik: Zu diesem Element liegen keine belastbaren, verallgemeinerbaren Messwerte vor. Kursierende Prozentangaben zur Wirkung von Tooltips stammen aus Herstellerpublikationen ohne offengelegte Methodik.

Was ein Tooltip nicht leisten kann

Ein Tooltip beantwortet die Frage „Was ist das?“. Er beantwortet nicht die Frage „Was muss ich als Nächstes tun?“ – und genau diese zweite Frage stellt sich bei der Einführung einer Anwendung.

Deshalb reicht es nicht, eine Oberfläche mit Tooltips zu bestücken und das Begleitkonzept für erledigt zu erklären. Die Reihenfolge der Schritte, der Sonderfall, die Hausregel: Nichts davon passt in ein zweizeiliges Pop-up. Dafür gibt es den Walkthrough.

Umgekehrt ist der Tooltip unschlagbar für das, wofür er gedacht ist: ein kryptisches Feldlabel erklären, eine Abkürzung auflösen, das erwartete Format nennen. In einer Fachanwendung mit hundert Feldern pro Maske ist das kein Detail, sondern der Unterschied zwischen Erfassen und Raten.

Wann ein Tooltip die richtige Wahl ist

  • Ein Feldlabel ist mehrdeutig oder eine Abkürzung erklärungsbedürftig.
  • Das erwartete Format ist nicht offensichtlich (Datum, Kennzeichen, Referenz).
  • Eine Hausregel hängt an einem Feld, die in keiner Dokumentation steht.
  • Ein Symbol ohne Beschriftung braucht eine Bezeichnung – auch für die Sprachausgabe.

Und wann nicht: für alles, was mehrere Schritte umfasst, für alles, was man lesen muss, bevor man klickt, und für alles, was auf einem Touchscreen unerreichbar wäre – dort gibt es keinen Mauszeiger.

Die Expertise von Knowmore

Wie Knowmore Tooltips einsetzt.

K-NOW blendet Hinweistexte direkt in der bestehenden Anwendung ein, ohne deren Code zu verändern – auch dort, wo der Hersteller keine vorgesehen hat. Genau das ist bei Standardsoftware der Regelfall.

Mit K-STUDIO werden diese Texte fachlich gepflegt statt technisch: Die Fachbereiche formulieren die Hausregel, die an einem Feld hängt, und K-VALUE zeigt, an welchen Feldern die Anwender tatsächlich zögern.

Fazit

Der Tooltip ist das kleinste Element der Anwenderbegleitung und das am leichtesten missbrauchte: Was zum Weiterkommen nötig ist, darf nicht darin verschwinden.

Richtig eingesetzt – kurz und per Tastatur erreichbar – erklärt er, was auf der Maske steht, ohne dass der Anwender sie verlassen muss.

Häufige Fragen

Heißt es im Deutschen Tooltip oder Tooltipp?

Der Duden führt Tooltipp mit zwei p als Stichwort; Tooltip mit einem p ist kein Duden-Eintrag, im IT-Alltag jedoch die verbreitete Schreibweise. Microsoft verwendet in seiner deutschen Dokumentation durchgängig QuickInfo.

Sind Tooltips barrierefrei?

Nur wenn sie richtig umgesetzt sind. Die Rolle tooltip ist in WAI-ARIA 1.2 definiert; verbindlich für das Verhalten ist jedoch WCAG 2.2, Erfolgskriterium 1.4.13: Der Inhalt muss ausblendbar, überfahrbar und beständig sein, und die Auslösung muss neben dem Mauszeiger auch den Tastaturfokus berücksichtigen. Ein reiner Hover-Tooltip schließt Tastaturnutzer aus und ist auf Touchscreens gar nicht erreichbar.

Was ist der Unterschied zwischen Tooltip und Walkthrough?

Der Tooltip erklärt ein einzelnes Element und beantwortet „Was ist das?“. Der Walkthrough führt Schritt für Schritt durch einen Ablauf und beantwortet „Was muss ich als Nächstes tun?“. Sie ersetzen einander nicht.

Von der Theorie zur Praxis

Hundert Felder pro Maske. Keine Erklärung.

Zeigen Sie uns eine Ihrer Erfassungsmasken: Wir zeigen Ihnen, was sich ohne Eingriff in die Anwendung erklären lässt.