Praktischer Barrierefreiheits-Check für kleine Unternehmenswebsites

Wählen Sie eine geschäftlich wichtige Aufgabe: Öffnungszeiten finden, ein Angebot anfordern, einen Tisch reservieren, einen Termin buchen, ein Produkt kaufen oder eine Anfrage senden. Starten Sie dort, wo ein neuer Kunde voraussichtlich einsteigt, und gehen Sie bis zur Bestätigung. Dazu gehören Startseite, passende Leistungs- oder Produktseite, Formular sowie Fehler- und Erfolgsmeldung.

Nutzen Sie die Fassung, die echte Kunden sehen. Ein mallorquinischer Ausflugsanbieter könnte den deutschen Buchungsweg testen; ein deutscher Handwerksbetrieb folgt dem Weg von der Leistungsseite zum Kostenvoranschlag. Notieren Sie Gerät, Browser, Sprache und Seiten, damit eine andere Person den Test wiederholen kann.

Klicken Sie in die Adresszeile und navigieren Sie mit Tab, Umschalt+Tab, Eingabetaste, Leertaste und Pfeiltasten. Das W3C empfiehlt zu prüfen, ob alle Links, Schaltflächen, Felder, Menüs und Mediensteuerungen erreichbar sind, der Fokus logisch weiterwandert und das aktive Element durch einen sichtbaren Rahmen oder eine Hervorhebung erkennbar ist.

Eine gravierende Hürde ist die Tastaturfalle: Der Fokus gelangt in ein Menü, Fenster, eine Datumsauswahl oder Cookie-Einblendung und kommt nicht wieder heraus. Notieren Sie auch übersprungene Bedienelemente, unsichtbaren Fokus oder eine Schaltfläche „Termin buchen“, die nur auf Mausklick reagiert. Erfassen Sie Seite und Schritt genau, statt nur „Tastatur funktioniert nicht“.

Lesen Sie die Seite zunächst normal und vergrößern Sie den Browser danach auf 200 Prozent. Wichtige Texte und Bedienelemente müssen verfügbar bleiben, ohne sich zu überlagern, zu verschwinden oder umständliches seitliches Scrollen zu erzwingen. Eine Mobilansicht reicht nicht als Test; Vergrößerung hilft auch Menschen mit eingeschränktem Sehvermögen am Computer.

Achten Sie auf blasse Schrift, ausschließlich farblich vermittelte Hinweise, unklare Links wie „hier klicken“ und Überschriften, die nur wegen ihrer Optik gewählt wurden. Die Überschriftenfolge sollte den Inhalt verständlich machen. „Vor-Ort-Termin anfragen“ ist aussagekräftiger als „Absenden“. Ein Kontrastprüfer hilft, doch das Ergebnis muss im echten Design menschlich bewertet werden.

Das W3C erklärt, dass informative Bilder Textalternativen benötigen, die ihre wesentliche Information vermitteln. Ein Ferienwohnungsfoto kann den gezeigten stufenlosen Eingang benennen; dient ein Bild als Link, muss der Text Ziel oder Aktion beschreiben. Rein dekorative Bilder sollten meist einen leeren Alternativtext haben, damit Screenreader sie überspringen.

Verwenden Sie weder den Dateinamen als Beschreibung noch eine Ansammlung von Suchbegriffen. Fragen Sie, was ein Kunde ohne das Bild verpassen würde. Erklärt der umgebende Absatz bereits alles, genügt möglicherweise ein kurzer Text. Diagramme, Karten, Speisekarten, Preislisten und Öffnungszeiten, die nur als Bild vorliegen, brauchen die wichtigen Informationen zusätzlich als Text.

Kontakt-, Angebots-, Buchungs- und Bestellformulare sind Stellen, an denen eine Hürde unmittelbar eine Anfrage kosten kann. Jedes Feld benötigt eine klare Beschriftung. Pflichtangaben dürfen nicht nur rot markiert sein; Beispiele sollten bei Bedarf lokale Formate für Datum, Ländervorwahl, Postleitzahl oder Dezimaltrennzeichen erklären.

Senden Sie das Formular leer ab, geben Sie eine ungültige E-Mail-Adresse ein und korrigieren Sie sie anschließend. Das W3C empfiehlt kurze, leicht auffindbare Fehlermeldungen mit einer konkreten Lösung. Prüfen Sie, ob richtige Eingaben erhalten bleiben und eine sichtbare Bestätigung den nächsten Schritt erklärt. Wiederholen Sie den gesamten Ablauf mit der Tastatur.

Auf einem kleinen Bildschirm müssen Schaltflächen gut antippbar sein, Texte sich vergrößern lassen, Menüs öffnen und schließen und feste Banner dürfen den nächsten Schritt nicht verdecken. Drehen Sie das Gerät und testen Sie möglichst auch eine langsame Verbindung. Ein technisch vorhandenes Element hilft nicht, wenn es hinter dem Cookie-Fenster liegt.

Behandeln Sie anschließend jede Sprache als eigene Kundenreise. Deutsche Bezeichnungen sind häufig länger als englische; Adressfelder, Anrede und Buchungsbegriffe unterscheiden sich je nach Markt. Kontrollieren Sie angegebenes Seitensprache, Überschriften, Feldbeschriftungen, Fehlertexte, Bildalternativen und Bestätigungen – nicht nur den Fließtext.

Erstellen Sie eine kleine Tabelle mit Seite, Aufgabe, Hürde, betroffener Person, Schweregrad, Verantwortung und Zieldatum. Beheben Sie zuerst Blockaden in wichtigen Abläufen: Eine nicht erreichbare Buchungsschaltfläche wiegt schwerer als eine ungenaue Beschreibung eines dekorativen Symbols. Danach folgen wiederkehrende Fehler in Navigation, Formularen und Vorlagen, weil eine Korrektur viele Seiten verbessern kann.

Ein kleines Gästehaus stellt beispielsweise fest, dass die Datumsauswahl nicht per Tastatur bedienbar ist, Fehlertexte zu blass sind und Zimmerbilder keine hilfreichen Beschreibungen haben. Zuerst werden Buchung und Fehlerbehebung nutzbar gemacht, dann die gemeinsame Zimmervorlage verbessert. Die Reihenfolge folgt dem Kundennutzen, nicht dem am einfachsten zählbaren Fehler.

Testen Sie die Hauptreise nach Änderungen an Navigation, Formular, Buchungswerkzeug, Einwilligungsfenster oder Design erneut. Ergänzen Sie Tastatur, Zoom, Bildtexte, Feldbeschriftungen, Fehler und Mobilgeräte in der Veröffentlichungscheckliste. Bitten Sie echte Nutzer um Rückmeldungen und bieten Sie einen zugänglichen Meldeweg.

Das W3C stellt klar, dass kein automatisches Werkzeug die Barrierefreiheit einer Website bestimmen kann. Eine sinnvolle Routine kombiniert Schnellchecks, automatische Prüfungen, menschliche Tests und fachkundige Bewertung, wenn Risiko oder Angebot dies erfordern. So wird Barrierefreiheit zur laufenden Qualitätskontrolle.