--- title: "Hilfe" url: "https://barrierefreihochzwei.de/de/wcag/3-3-5-hilfe" language: "de" description: "WCAG 3.3.5 verlangt kontextbezogene Hilfe genau dort, wo sie gebraucht wird – hier lernst du, wie du Formulare mit hilfreichen Erklärungen ausstattest." published: "2025-01-01T08:00:00+01:00" updated: "2026-10-15T09:42:00+02:00" --- # Hilfe Wenn dich niemand allein lässt. - **Erfolgskriterium:** 3.3.5 - **Prinzip:** Verständlich - **Konformitätsstufe:** Level AAA - **Erklärung beim W3C:** [www.w3.org/WAI/WCAG22/Understanding/help...](https://www.w3.org/WAI/WCAG22/Understanding/help.html) Erfolgskriterium 3.3.5 # 3.3.5 Hilfe Level AAAVerständlich Wenn dich niemand allein lässt. ## 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](https://barrierefreihochzwei.de/de/wcag/3-3-2-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](https://barrierefreihochzwei.de/de/wcag/1-4-13-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](https://barrierefreihochzwei.de/de/wcag/3-2-6-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. **Offizielle Erklärung beim W3C** Das W3C erklärt jedes Erfolgskriterium ausführlich – mit Absicht, Beispielen und Techniken (auf Englisch). [Understanding 3.3.5](https://www.w3.org/WAI/WCAG22/Understanding/help.html) ## Weitere Kriterien aus „Verständlich“ [ 3.1.1 Level A ### Sprache der Seite Damit Screenreader die richtige Stimme finden. ](https://barrierefreihochzwei.de/de/wcag/3-1-1-sprache-der-seite) [ 3.1.2 Level AA ### Sprache von Teilen Wenn Websites polyglott werden. ](https://barrierefreihochzwei.de/de/wcag/3-1-2-sprache-von-teilen) [ 3.1.3 Level AAA ### Ungewöhnliche Wörter Wenn Fachsprache Barrieren schafft. ](https://barrierefreihochzwei.de/de/wcag/3-1-3-ungewoehnliche-woerter)