1. Was ist das Ziel dieses Kriteriums?
Stell dir vor, du stehst in einem riesigen Einkaufszentrum und suchst verzweifelt die Information – mal ist sie am Haupteingang, mal im Obergeschoss, mal völlig versteckt. Frustrierend, oder? Genauso geht es vielen Nutzern auf Websites, wenn Hilfe-Funktionen wie ein Wackeldackel hin und her springen.
Das Ziel von Erfolgskriterium 3.2.6 der WCAG ist es, Hilfe-Mechanismen zu einem verlässlichen Wegweiser zu machen. Wenn deine Website Kontaktdaten, Live-Chat, FAQs oder andere Support-Optionen anbietet, sollen diese immer an der gleichen Stelle zu finden sein – wie ein treuer Begleiter, der dir zur Seite steht, wenn du ihn brauchst.
2. Was fordert das Erfolgskriterium genau?
Ganz konkret geht es um die konsistente Platzierung von vier spezifischen Hilfe-Mechanismen, wenn sie auf mehreren Seiten einer Website verwendet werden:
Menschliche Kontaktdaten: Telefonnummern, E-Mail-Adressen, Öffnungszeiten oder physische Adressen.
Menschliche Kontakt-Mechanismen: Live-Chat, Kontaktformulare, Messaging-Systeme oder Social Media-Kanäle.
Selbsthilfe-Optionen: FAQ-Bereiche, "Wie mache ich..."-Seiten, Support-Bereiche oder Hilfszentren.
Vollautomatisierte Kontakt-Mechanismen: Chatbots oder andere automatisierte Support-Systeme.
Die Regel ist einfach: Wenn einer dieser Mechanismen auf mehreren Seiten deiner Website erscheint, muss er in der gleichen Reihenfolge zu anderen Seiteninhalten stehen. Das bedeutet nicht, dass er visuell identisch platziert sein muss – aber in der programmatischen Reihenfolge (wie sie ein Screenreader liest) sollte er konsistent sein.
Ausnahmen gelten nur, wenn der Nutzer selbst eine Änderung initiiert – etwa durch Zoomen oder Drehen des Geräts, was ein anderes Layout auslöst.
3. Warum ist das wichtig für Barrierefreiheit?
Stell dir vor, du versuchst, ein kompliziertes Online-Formular auszufüllen, aber findest einfach keine Hilfe. Du suchst und suchst – mal ist der "Kontakt"-Button im Header, mal im Footer, mal irgendwo in der Sidebar versteckt. Für viele Menschen wird das schnell zum Albtraum.
Konsistente Hilfe-Platzierung schafft Barrierefreiheit, weil sie:
- Menschen mit kognitiven Einschränkungen dabei hilft, sich auf der Website zu orientieren, ohne ständig neu suchen zu müssen.
- Nutzern mit Sehbehinderungen ermöglicht, Hilfe-Optionen schnell zu lokalisieren, da sie wissen, wo sie zu finden sind.
- Menschen mit Aufmerksamkeits- oder Gedächtnisproblemen das Gefunden-haben erleichtert, ohne die Navigation jedes Mal neu lernen zu müssen.
- Stressige Situationen entspannt, in denen schnelle Hilfe benötigt wird – etwa bei kritischen Aufgaben oder Zeitdruck.
Und nicht zuletzt: Konsistenz reduziert den kognitiven Aufwand für alle Nutzer und macht Websites vorhersagbarer und vertrauensvoller.
4. So setzt du das Kriterium erfolgreich um
Die Umsetzung ist technisch meist unkompliziert, aber sie erfordert eine durchdachte Content-Strategie. Hier ein paar bewährte Praxis-Tipps:
Bestimme deine Hilfe-Mechanismen:
- Mache eine Bestandsaufnahme: Welche Support-Optionen bietest du an?
- Entscheide dich für einen konsistenten Ort: Im Header, Footer oder als festes Element?
- Sorge für eine einheitliche Reihenfolge: z.B. erst Telefon, dann E-Mail, dann Live-Chat.
Halte die Position konstant:
- Verwende Templates oder Design-Systeme, um einheitliche Platzierung sicherzustellen.
- Achte darauf, dass auch bei responsiven Layouts die Reihenfolge erhalten bleibt.
- Teste verschiedene Zoom-Stufen und Orientierungen – die Hilfe sollte in jeder Ansicht konsistent auffindbar sein.
Verwende klare Kennzeichnungen:
- Einheitliche Bezeichnungen verwenden: "Kontakt", "Hilfe" oder "Support" – aber bleibe dabei.
- Icons und Text sollten immer gleich aussehen und funktionieren.
- Vermeide verwirrende Variationen wie "Hilfe", "Support", "Kontakt uns" auf derselben Website.
Alternative: Der zentrale Hilfe-Hub:
- Platziere einen einzelnen "Hilfe"-Link konsistent auf jeder Seite.
- Führe von dort zu einer zentralen Seite mit allen Support-Optionen.
- Das macht die Umsetzung einfacher und gibt dir mehr Flexibilität.
Technische Umsetzung:
- Nutze semantische HTML-Strukturen für konsistente Reihenfolge.
- CSS Grid oder Flexbox können helfen, visuelle Positionen beizubehalten.
- Bei Content-Management-Systemen: Erstelle wiederverwendbare Header/Footer-Module.
5. Warum dieses Erfolgskriterium für Unternehmen relevant ist
Auch bei Erfolgskriterium 3.2.6 gilt: Barrierefreiheit ist kein Selbstzweck – sondern bringt handfeste Vorteile für dein Business.
1. Zielgruppe erweitern Konsistente Hilfe senkt die Hemmschwelle für Nutzer, tatsächlich Unterstützung zu suchen. Das bedeutet: Weniger Abbrüche, mehr erfolgreiche Conversions und zufriedenere Kunden. Gerade auch für ältere Nutzer oder Menschen in stressigen Situationen ist Vorhersagbarkeit ein echter Vertrauensgewinn.
2. Support-Effizienz steigern Wenn Nutzer schnell und einfach die richtige Hilfe finden, reduziert das die Anzahl unspezifischer Anfragen und Frustanrufe. Dein Support-Team kann sich auf komplexere Probleme konzentrieren, anstatt Nutzer durch die Website zu lotsen.
3. Kundenzufriedenheit und Markenvertrauen stärken Eine Website, die verlässlich und vorhersagbar funktioniert, strahlt Professionalität aus. Nutzer, die wissen, dass sie bei Problemen schnell Hilfe finden, haben mehr Vertrauen in deine Marke und sind eher bereit, komplexere Aufgaben oder Käufe zu vollziehen.
Und nicht zuletzt: Rechtssicherheit und Fördermöglichkeiten. Viele öffentliche Projekte fordern digitale Barrierefreiheit bereits verpflichtend – wer vorbereitet ist, hat klare Vorteile bei Ausschreibungen und Förderanträgen.
6. Das Erfolgskriterium im Wortlaut der W3
Success Criterion 3.2.6 Consistent Help (Level A)
If a web page contains any of the following help mechanisms, and those mechanisms are repeated on multiple web pages within a set of web pages, they occur in the same order relative to other page content, unless a change is initiated by the user:
- Human contact details;
- Human contact mechanism;
- Self-help option;
- A fully automated contact mechanism.
Note 1: Help mechanisms may be provided directly on the page, or may be provided via a direct link to a different page containing the information.
Note 2: For this success criterion, "the same order relative to other page content" can be thought of as how the content is ordered when the page is serialized. The visual position of a help mechanism is likely to be consistent across pages for the same page variation (e.g., CSS break-point). The user can initiate a change, such as changing the page's zoom or orientation, which may trigger a different page variation. This criterion is concerned with relative order across pages displayed in the same page variation (e.g., same zoom level and orientation).