3.3.5 Hilfe

1. Was ist das Ziel dieses Kriteriums?

Stell dir vor, du füllst ein komplexes Formular aus – vielleicht eine Steuererklärung oder einen Kreditantrag. Plötzlich stehst du vor einem Feld, das nach deiner „steuerlichen Identifikationsnummer für grenzüberschreitende Transaktionen“ fragt. Ohne Hilfe würdest du wahrscheinlich rätseln oder das Formular abbrechen.

Genau hier setzt Erfolgskriterium 3.3.5 der WCAG an: Menschen mit kognitiven Einschränkungen, Lernschwierigkeiten oder auch alle anderen sollen nicht im Dunkeln stehen gelassen werden. Das Ziel ist klar: kontextbezogene Hilfe bereitstellen, die genau dann verfügbar ist, wenn sie gebraucht wird.

Kurz gesagt: Du sollst immer wissen, wie du eine Aufgabe erfolgreich erledigen kannst – ohne den Überblick zu verlieren oder frustriert aufzugeben.

2. Was fordert das Erfolgskriterium genau?

Die Anforderung ist erfreulich knapp: Kontextbezogene Hilfe ist verfügbar. Punkt. Das bedeutet konkret:

Kontextbezogene Hilfe ist ein Hilfetext, der Informationen zur gerade ausgeführten Funktion liefert. Sie ist vor allem dort gefragt, wo eine Beschriftung allein nicht ausreicht, um die Funktion vollständig zu erklären.

Wann ist Hilfe nötig?

• Bei Formularfeldern, die besondere Formate erfordern (z. B. Datumsangaben, Telefonnummern)
• Bei Begriffen, die nicht selbsterklärend sind
• Bei Eingabefeldern mit besonderen Anforderungen oder Einschränkungen
• Bei komplexen Funktionen oder mehrstufigen Prozessen

Wichtige Voraussetzungen:

• Die Hilfe muss offensichtlich auffindbar sein
• Sie muss sich auf die konkrete Stelle beziehen, nicht nur auf eine allgemeine Hilfeseite verweisen
• Du musst sie abrufen können, wenn du sie brauchst – ohne den Fortschritt zu verlieren

Dieses Erfolgskriterium ist auf Level AAA eingestuft – es ist also ein besonders hoher Anspruch an Barrierefreiheit, aber für die meisten Websites kein Muss. Die Grundlage auf Level A ist Beschriftungen oder Anweisungen.

3. Warum ist das wichtig für Barrierefreiheit?

Stell dir vor, du hast eine Leseschwäche und sollst ein Online-Bewerbungsformular ausfüllen. Die Frage „Geben Sie Ihre beruflichen Kompetenzen an“ ist unklar – sind persönliche Stärken gemeint? Fachkenntnisse? Zertifikate? Ohne Hilfe kann das zum K.-o.-Kriterium werden.

Kontextbezogene Hilfe schafft Barrierefreiheit, weil sie:

• Menschen mit kognitiven Einschränkungen dabei hilft, komplexe Formulare zu verstehen und korrekt auszufüllen
• Menschen mit Lese- und Rechtschreibschwächen durch klare Anweisungen und Beispiele unterstützt
• ältere Menschen entlastet, die mit digitalen Abläufen weniger vertraut sind
• alle vor Fehlern bewahrt und dafür sorgt, dass mehr Formulare erfolgreich abgeschlossen werden
• Stress und Frust reduziert, die entstehen, wenn unklar ist, was erwartet wird

Zusätzlich profitieren Menschen, die wegen Müdigkeit, Ablenkung oder ungünstiger Bedingungen (z. B. schlechte Beleuchtung, Lärm) Schwierigkeiten beim Verstehen haben.

4. So setzt du das Kriterium erfolgreich um

Die gute Nachricht: Kontextbezogene Hilfe umzusetzen ist meist unkomplizierter, als es zunächst klingt. Hier ein paar bewährte Ansätze:

Grundregeln für gute kontextbezogene Hilfe:

• Direkt verfügbar: Hilfe-Icons oder -Links direkt neben dem betreffenden Element platzieren
• Auf den Punkt: kurze, verständliche Erklärungen ohne unnötigen Fachjargon
• Mit Beispielen: konkrete Beispiele für erwartete Eingaben zeigen
• Nicht störend: Hilfe ist optional und unterbricht den Arbeitsfluss nicht

Praktische Umsetzungstipps:

Für Formularfelder:

• Hilfe-Buttons (z. B. „?“ oder „i“) mit zugänglichem Namen direkt neben die Beschriftung setzen
• Aufklappbare Hilfetexte oder Tooltips verwenden, die per Tastatur erreichbar sind und den Regeln von Inhalte bei Hover oder Fokus folgen
• Formatvorgaben („TT.MM.JJJJ“) als sichtbaren Hinweis zeigen, nicht nur als Platzhalter
• Beispiele in Feldnähe anzeigen („z. B. Max Mustermann“)

Für komplexe Prozesse:

• Schritt-für-Schritt-Anleitungen anbieten
• Passende FAQ-Einträge direkt an der jeweiligen Stelle verlinken
• Chatbots oder Live-Chat für sofortige Hilfe
• Videoanleitungen mit Untertiteln oder interaktive Einführungen

Technische Umsetzung:

• aria-describedby, um Hilfetexte mit Formularfeldern zu verknüpfen
• aria-expanded für aufklappbare Hilfebereiche
• title-Attribute höchstens ergänzend – sie sind per Tastatur und auf Touch-Geräten kaum erreichbar
• Strukturierte Hilfebereiche mit eindeutigen Überschriften

Werkzeuge und Ansätze:

• Helpdesk-Software, deren Artikel sich kontextbezogen einbinden lassen
• Bibliotheken für geführte Touren wie Intro.js oder Shepherd.js – prüfe sie aber auf Tastatur- und Screenreader-Tauglichkeit
• Progressive Verbesserung: Hilfe funktioniert auch ohne JavaScript als sichtbarer Text
• Nutzertests, um herauszufinden, wo Hilfe tatsächlich gebraucht wird

Für Hilfeangebote, die sich auf vielen Seiten wiederholen, gilt außerdem Konsistente Hilfe.

5. Warum dieses Erfolgskriterium für Unternehmen relevant ist

Kontextbezogene Hilfe ist weit mehr als ein nettes Extra – sie wirkt sich direkt auf deine Abschlussquoten aus.

1. Weniger Abbrüche

Jedes unklare Formularfeld ist ein möglicher Abbruchpunkt. Kontextbezogene Hilfe räumt Unsicherheiten aus dem Weg und führt zu mehr erfolgreichen Abschlüssen – sei es bei Bestellungen, Anmeldungen oder Bewerbungen.

2. Support-Kosten senken

Weniger verwirrte Menschen bedeuten weniger Support-Anfragen. Wenn deine Website selbsterklärend ist und Hilfe an der richtigen Stelle bietet, entlastest du dein Kundenservice-Team und verbesserst gleichzeitig das Nutzungserlebnis.

3. Markenwahrnehmung und Zufriedenheit stärken

Eine Website, die Menschen umsichtig durch komplexe Prozesse führt, hinterlässt einen professionellen, fürsorglichen Eindruck. Das stärkt das Vertrauen in deine Marke.

Zur rechtlichen Einordnung: 3.3.5 ist ein AAA-Kriterium und wird vom Barrierefreiheitsstärkungsgesetz (BFSG) und der BITV 2.0 nicht ausdrücklich gefordert – die zugrunde liegende EN 301 549 verweist für Webinhalte auf WCAG 2.1 Level AA. Gerade bei komplexen Anträgen, Bank- oder Versicherungsstrecken ist kontextbezogene Hilfe aber ein starker Hebel für echte Zugänglichkeit. Dieser Abschnitt informiert allgemein und ersetzt keine Rechtsberatung.

6. Das Erfolgskriterium im Wortlaut des W3C

Success Criterion 3.3.5 Help (Level AAA)

Context-sensitive help is available.

Kurz gesagt: Es gibt Hilfe, die sich auf die gerade ausgeführte Aufgabe bezieht.