Welche Barrierefreiheitsprüfungen kann ein kleines Unternehmen selbst durchführen?
Nutz Browser und Smartphone, um Hürden vor einer fachlichen Prüfung zu erkennen.
Teste echte Aufgaben
Barrierefreiheit wird verständlicher, wenn du echte Aufgaben prüfst: Leistung finden, Öffnungszeiten lesen, Angebot anfragen, Termin buchen, kaufen oder Support kontaktieren. Teste Startseite, Leistungsseite, Formular und Bestätigung.
Eine ordentliche Gestaltung beweist keine Zugänglichkeit. Ein Menü kann per Tastatur unerreichbar sein, eine Fehlermeldung unverständlich oder eine Schaltfläche beim Zoomen verschwinden. Notiere Erwartung, Problem und Ergebnis. So entsteht ein konkreter Arbeitsauftrag.
Nutz nach Möglichkeit verschiedene Geräte und Browser. Ein kurzer Check auf Laptop und Smartphone kann Probleme zeigen, die in einer Designprüfung unsichtbar bleiben. Bitte eine außenstehende Person, eine Aufgabe ohne Erklärung zu lösen. Ihre Unsicherheit zeigt oft unklare Hinweise.
Prüf Tastatur und Fokus
Verwende keine Maus. Tab bewegt sich durch Links, Buttons, Felder und Menüs; Shift-Tab geht zurück. Enter oder Leertaste aktiviert Bedienelemente. Kannst du Navigation öffnen, jedes Feld erreichen und die Aufgabe abschließen?
Der Fokus muss sichtbar sein. Eine klare Umrandung oder Veränderung zeigt die Position. Prüf, dass Fokus nicht verschwindet, unerwartet springt oder in Menü, Dialog oder Cookiefenster hängen bleibt.
Die Reihenfolge sollte der visuellen und inhaltlichen Reihenfolge entsprechen. Ein versteckter Footer-Link darf nicht vor dem Hauptangebot erscheinen. Verhält sich eine Komponente seltsam, notiere Name und Position für die Entwicklung, statt sie selbst umzugestalten.
Prüf Zoom, Kontrast und Text
Stell Browserzoom auf 200 Prozent. Text, Bedienelemente und Inhalte müssen nutzbar bleiben. Prüf Navigation, Leistung und Formular, weil responsive Fehler nur in einer Vorlage vorkommen können.
Prüf Text vor seinem Hintergrund bei normalem Licht und auf dem Smartphone im Freien. Achte auf hellgraue Schrift, Text über Bildern und kontrastarme Buttons. Farbe allein darf Fehler, Status und Pflichtangaben nicht kennzeichnen. Ergänz Wörter, beschriftete Symbole oder andere erkennbare Hinweise.
Kontrolliere Schriftgröße, Zeilenlänge, Abstände und Textdichte. Barrierefreiheit ist nicht nur eine Farbberechnung; Menschen müssen Informationen finden und verstehen können. Verständliche Sprache, gute Überschriften und kurze Absätze helfen Menschen mit unterschiedlichen Lese- und Konzentrationsmöglichkeiten.
Prüf Überschriften, Links und Bilder
Lies nur die Überschriften. Sie sollten die Seitenstruktur erklären und Abschnitte auffindbar machen. Eine klare Seitentitel-Ebene und logisch folgende Bereiche sind meist sinnvoll. Wähl Überschriften nicht nur nach ihrem Aussehen.
Lies Links ohne Kontext. Mehrfaches „Mehr lesen“ erklärt nicht das Ziel. Verwende beschreibende Ziele wie „Beispiele für Badsanierung ansehen“ oder ergänz den Satz. Linktexte sollten Aktion oder Ziel unterscheiden.
Frag nach dem Zweck jedes Bildes. Wichtige Bildinformation braucht eine Textalternative. Dekorative Bilder sollten keine wiederholenden Beschreibungen erzeugen. Prüf fehlende, allgemeine oder mit Suchbegriffen überfüllte Alternativtexte.
Teste Formulare, Medien und Mobilgeräte
Sende Formulare leer, mit ungültiger E-Mail und mit langem Text. Erkennst du das fehlerhafte Feld? Ist der Fehler verständlich und mit dem Feld verbunden? Labels müssen sichtbar oder eindeutig zugeordnet bleiben.
Audio und Video brauchen für wichtige gesprochene Information Untertitel oder Transkript. Autoplay kann stören. Play-, Pause- und Lautstärkesteuerung muss mit Tastatur und Touch funktionieren. Ein Video darf die schriftliche Erklärung nicht ersetzen.
Teste auf dem Smartphone Hoch- und Querformat, größere Schrift, Abstände zwischen Touch-Zielen und fixierte Elemente. Chat, Banner und Cookieelemente dürfen Inhalte nicht verdecken oder den Nutzer festhalten. Die Kernaufgabe sollte auch einhändig und bei langsamer Verbindung möglich sein.
Dokumentieren und eskalieren
Führ eine Liste mit Seite, Aufgabe, Hürde, Beleg, Schwere und Zuständigkeit. Priorisiere Barrieren, die Kernaufgaben blockieren, viele Seiten betreffen oder Kontakt und Zahlung verhindern. Labels, Fokus, Sprache und Kontrast lassen sich oft schnell verbessern.
Eine Checkliste beweist keine vollständige Konformität. Standards, assistive Technik und reale Nutzer finden weitere Probleme. Beauftrage fachliche Tests, wenn die Website geschäftskritisch ist, Beschwerden wiederkehren, nach einem großen Umbau oder wenn ein erhebliches rechtliches Risiko besteht.
Prüf nach Änderungen erneut und dokumentiere Entscheidungen. ChatBuild kann kleinen Unternehmen helfen, Barrierefreiheit in Inhalte, Struktur, Formulare und mobile Wege einzubauen, damit eine Fachprüfung auf einer besseren Basis startet.
Quellen
- Introduction to Web Accessibility · W3C
- Easy Checks · W3C
- Google Lighthouse · Google Lighthouse
Häufige Fragen
- Kann ein kleines Unternehmen Barrierefreiheit ohne Software prüfen?
- Ja. Tastatur, Zoom, Smartphone, Überschriften, Formulare, Untertitel und Sprache zeigen viele typische Hürden. Sie ersetzen keine Fachprüfung.
- Was sollte zuerst geprüft werden?
- Kernaufgaben wie Leistung finden, Kontakt, Buchung oder Kauf. Prüf die dafür nötigen Seiten und Formulare.
- Wie prüft man Tastaturbedienung?
- Nutz Tab, Shift-Tab, Enter und Leertaste ohne Maus. Fokus muss sichtbar und logisch sein und darf weder hängen bleiben noch verloren gehen.
- Reicht guter Farbkontrast?
- Nein. Kontrast ist wichtig, aber Struktur, Sprache, Formulare, Fokus, Alternativen, Medien, Zoom und mobile Bedienung gehören ebenfalls dazu.
Sjors Hooijen Builds ChatBuild and writes about getting a business online without turning it into a project. Fragen zu diesem Artikel? Schreib an hi@chatbuild.com.