Die WCAG umfasst Hunderte einzelner Erfolgskriterien. Wer da zum ersten Mal hineinschaut, klappt das Dokument schnell wieder zu. Genau dafür gibt es vier Buchstaben, die das Ganze sortieren.
POUR steht für vier englische Begriffe, die sich mit wahrnehmbar, bedienbar, verständlich und technisch tragfähig übersetzen lassen. Jede einzelne Regel der Richtlinie hängt unter einem dieser vier Prinzipien. Wer sie im Kopf hat, kann jede Barriere einem Feld zuordnen und weiß sofort, in welche Richtung die Lösung geht.
Der Grundlagen-Beitrag zur Barrierefreiheit nennt diese vier Prinzipien beim Namen. Hier schauen wir sie uns einzeln an, mit Beispielen, die Dir im Alltag Deiner Webseite begegnen.
Wahrnehmbar — Inhalt kommt bei jedem Sinn an
Wahrnehmbar heißt, dass jeder Besucher Deine Inhalte aufnehmen kann, egal über welchen Sinn. Was Du siehst, muss auch jemand erfassen, der nicht sieht. Was Du hörst, muss auch bei jemandem ankommen, der nicht hört.
Das bekannteste Beispiel ist der Alternativtext für Bilder. Ein Screenreader liest ihn vor, wenn das Bild selbst nicht sichtbar ist. Ohne diesen Text bleibt eine Produktabbildung für blinde Besucher eine leere Stelle.
Auch der Kontrast gehört hierher. Hellgraue Schrift auf weißem Grund sieht edel aus, viele Augen lesen sie aber kaum noch. Wie Du ausreichenden Farbkontrast prüfst und einstellst, ist eine der wirksamsten Stellschrauben überhaupt. Bei Videos zählt das gesprochene Wort als Untertitel dazu, damit auch gehörlose Besucher folgen können.
Bedienbar — alles funktioniert ohne Maus
Bedienbar bedeutet, dass jeder Deine Seite steuern kann, unabhängig vom Eingabegerät. Viele Menschen arbeiten ganz ohne Maus, etwa mit der Tastatur, einer Sprachsteuerung oder speziellen Hilfsmitteln.
Der Klassiker ist die Bedienung allein mit der Tastatur. Jede Schaltfläche, jedes Menü und jedes Formularfeld muss sich per Tabulator erreichen und auslösen lassen. Bleibt ein Button nur per Klick erreichbar, sperrt er einen Teil Deiner Besucher aus.
Zur Bedienbarkeit gehört auch genug Zeit. Ein Formular, das nach 30 Sekunden ausläuft, überfordert jeden, der langsamer tippt. Und nichts auf der Seite darf schnell blinken, weil starkes Flackern bei manchen Menschen Anfälle auslösen kann.
Verständlich — Sprache und Bedienung sind vorhersehbar
Verständlich meint zwei Dinge. Die Inhalte selbst sind lesbar, und die Bedienung verhält sich so, wie der Besucher es erwartet.
Lesbar wird ein Text durch klare Sprache, kurze Sätze und erklärte Fachwörter. Eine gut gewählte Schrift in vernünftiger Größe hilft zusätzlich, gerade Menschen mit Leseschwäche oder geringen Deutschkenntnissen.
Vorhersehbar wird die Bedienung, wenn gleiche Dinge gleich aussehen und sich nichts unerwartet ändert. Ein Menü, das auf jeder Seite an derselben Stelle steht, gibt Orientierung. Springt der Inhalt dagegen weg, sobald jemand ein Feld antippt, verliert er den Faden.
Auch Fehler gehören dazu. Wenn ein Formular eine Eingabe ablehnt, braucht der Besucher einen klaren Hinweis, was schiefging und wie er es behebt. Ein rot umrandetes Feld ohne Erklärung lässt ihn ratlos zurück.
Robust — funktioniert mit Hilfsmitteln und über Geräte
Robustheit ist das technischste der vier Prinzipien, für Dich als Betreiber aber das am wenigsten sichtbare. Es sorgt dafür, dass Deine Seite mit unterschiedlichen Browsern, Geräten und Hilfsmitteln zuverlässig zusammenarbeitet.
Ein Screenreader, eine Vergrößerungssoftware oder eine Braillezeile lesen Deine Seite nicht so, wie ein Auge sie sieht. Sie verlassen sich auf den sauberen Aufbau im Hintergrund. Ist der ordentlich gemacht, geben diese Werkzeuge Deinen Inhalt korrekt weiter.
Praktisch bist Du hier auf gute Technik angewiesen, meist von Deiner Agentur oder Deinem Theme. Du erkennst Robustheit daran, dass eine Seite auf dem Handy, im alten Browser und mit einem Screenreader gleichermaßen funktioniert, ohne dass Teile verloren gehen.
Wie die vier Prinzipien zusammenspielen
Die vier Felder sind keine getrennten Schubladen. Ein einzelnes Element kann mehrere Prinzipien gleichzeitig berühren.
Nimm einen Bestell-Button. Sein guter Kontrast macht ihn wahrnehmbar. Die Erreichbarkeit per Tastatur macht ihn bedienbar. Eine klare Beschriftung wie „Jetzt kaufen" macht ihn verständlich. Und die saubere technische Auszeichnung sorgt für Robustheit, damit ein Screenreader ihn überhaupt als Button ansagt.
Dieses Zusammenspiel erklärt, warum eine einzige Verbesserung oft an mehreren Stellen wirkt. Wer den Kontrast erhöht, hilft dem Auge und zugleich der Lesbarkeit unter Sonnenlicht.
POUR als Checkraster im Alltag
Du musst die Norm nicht auswendig lernen, um sie zu nutzen. Es reicht, jede Seite einmal durch die vier Fragen laufen zu lassen.
- Wahrnehmbar: Kommt jeder Inhalt an, auch ohne zu sehen oder zu hören?
- Bedienbar: Lässt sich alles ohne Maus und mit genug Zeit steuern?
- Verständlich: Sind Sprache und Bedienung klar und vorhersehbar?
- Robustheit: Funktioniert die Seite über Geräte und Hilfsmittel hinweg?
Wer bei einer dieser Fragen ins Stocken gerät, hat die Baustelle gefunden. Das Raster sagt Dir nicht die fertige Lösung, aber es zeigt zuverlässig die Richtung. Und es macht aus einem unübersichtlichen Regelwerk vier Fragen, die Du Dir und Deiner Agentur stellen kannst.
Fazit
Die WCAG ist umfangreich, ihr Gerüst ist es nicht. Vier Prinzipien tragen alles, von wahrnehmbar über bedienbar und verständlich bis hin zu robuster Technik. Wer dieses Raster im Kopf hat, ordnet jede Barriere einem Feld zu und weiß, wo er ansetzt.
Geh Deine wichtigsten Seiten einmal durch die vier Fragen. Du brauchst dafür kein Gutachten und keine Software, nur den Blick durch POUR. Die Tiefe zu jedem einzelnen Prinzip findest Du in den passenden Beiträgen dieses Clusters.