Am Anfang einer neuen Webseite steht meist die Wahl einer Vorlage. Ein fertiges Theme für WordPress oder ein Template für TYPO3 liefert Layout, Farben und Bedienelemente in einem Paket, und genau diese Vorlage entscheidet still über die Zugänglichkeit der ganzen Seite.
Auf der Demoseite sehen fast alle Themes hübsch aus. Der Unterschied liegt darunter, im Aufbau, den man dem Vorschaubild nicht ansieht. Wer hier von Anfang an eine zugängliche Vorlage wählt, spart sich später viel Nacharbeit, denn was im Fundament fehlt, lässt sich nur mühsam und teuer nachrüsten.
Warum das Theme die Basis für alles ist
Ein Theme bestimmt nicht nur, wie Deine Seite aussieht. Es legt fest, wie die Überschriften aufgebaut sind, ob sich Menüs mit der Tastatur bedienen lassen und ob ein Vorlese-Programm die Inhalte in sinnvoller Reihenfolge erfasst. Diese Eigenschaften stecken in der Vorlage, lange bevor Du den ersten eigenen Text einfügst.
Das Tückische daran: Eine Schwäche im Theme zieht sich durch jede Unterseite zugleich. Fehlt der Bedienleiste eine sichtbare Markierung für die Tastatur, fehlt sie überall. Ist der Standard-Kontrast zu blass, ist er auf hundert Seiten zu blass.
Deshalb ist die Theme-Wahl die folgenreichste Entscheidung für die Barrierefreiheit Deiner Seite. Ein sauberes Fundament trägt jede spätere Seite mit. Ein wackeliges zwingt Dich, dieselbe Lücke immer wieder einzeln zu flicken.
Worauf Du beim Theme achtest
Du musst die Technik einer Vorlage nicht selbst beurteilen können. Es reicht, auf ein paar sichtbare Merkmale zu achten, die ein gutes Theme von einem schwachen unterscheiden. Diese vier zählen am meisten.
- Ausreichende Kontraste: Texte heben sich klar vom Hintergrund ab, auch in Buttons und Menüs. Blasses Grau auf Weiß oder helle Schrift auf buntem Bild sind Warnzeichen. Mehr dazu im Beitrag zu den Farbkontrasten.
- Bedienbar mit der Tastatur: Menüs, Schaltflächen und Formulare lassen sich auch ohne Maus ansteuern, und die aktuelle Position bleibt dabei sichtbar.
- Klare, semantische Struktur: Überschriften, Listen und Bereiche sind sauber ausgezeichnet, nicht nur optisch nachgebaut. Diese Struktur ist es, die ein Vorlese-Programm verlässlich vorliest.
- Gepflegte Updates: Der Anbieter aktualisiert die Vorlage regelmäßig. Ein Theme, das seit Jahren stillsteht, verliert den Anschluss an aktuelle Browser und Sicherheitsstandards.
Viele Anbieter werben inzwischen offen mit Barrierefreiheit oder nennen die Stufe WCAG AA. Diese Angabe ist ein gutes Zeichen, aber kein Beweis. Sie ersetzt nicht den eigenen Blick auf die Demoseite, denn was als zugänglich beworben wird, hält nicht immer, was es verspricht.
Wie Du ein Theme vor dem Kauf prüfst
Fast jedes Theme bietet eine öffentliche Demoseite. Die ist Deine Prüfstrecke, und Du brauchst dafür weder Spezialwissen noch eine Installation. Zwei schnelle Handgriffe verraten Dir mehr als jede Werbeseite.
Klick zuerst in die Adresszeile des Browsers und bedien die Demoseite dann nur mit der Tastatur. Mit der Tabulator-Taste springst Du von Element zu Element. Achte darauf, ob Du jederzeit siehst, wo Du gerade stehst, ob Du jeden Menüpunkt erreichst und aus jedem geöffneten Menü wieder herauskommst.
Dreh danach den Browser-Zoom auf 200 Prozent. Eine gute Vorlage wächst mit, der Text bleibt lesbar und nichts überlappt oder verschwindet. Wer den ganzen Durchgang gründlicher machen will, findet die Schritte im Beitrag zum Selbsttest, der dieselbe Logik auf die fertige Seite anwendet.
Was ein gutes Theme allein nicht leistet
Ein zugängliches Theme nimmt Dir viel ab, aber nicht alles. Es liefert die Bühne, nicht den Inhalt. Sobald Du eigene Texte, Bilder und Seiten einfügst, entstehen neue Barrieren, gegen die kein Theme von Haus aus schützt.
Ein Bild ohne Alternativtext bleibt für blinde Nutzer stumm, auch in der besten Vorlage. Eine Überschrift, die Du nur fett formatierst statt als Überschrift auszuzeichnen, bricht die Struktur, die das Theme eigentlich vorgibt. Und ein blasser Farbton, den Du selbst nachträglich einstellst, kann den guten Standard-Kontrast wieder zunichtemachen.
Das gute Theme ist also der Startvorteil, kein Selbstläufer. Wer den Pflege-Teil mitdenkt, baut auf dem Fundament eine Seite, die dauerhaft zugänglich bleibt, statt nur am ersten Tag gut auszusehen.
Vor dem Einsatz testen lassen
Dein eigener Durchgang über die Demoseite fängt die gröbsten Lücken ab. Bei einem größeren Projekt oder wenn Deine Seite rechtlich zur Barrierefreiheit verpflichtet ist, lohnt sich zusätzlich ein geschulter Blick von außen, bevor Du Dich auf eine Vorlage festlegst.
Eine Fachperson für Barrierefreiheit prüft die Vorlage systematisch und erkennt Schwächen, die im Schnelltest leicht durchrutschen. Das kostet etwas, ist aber günstiger als der Umbau, sobald die Seite mit dem Theme schon live steht und der Inhalt darin hängt.
Hilfreich ist auch das Raster aus den Grundlagen der Barrierefreiheit. Wenn Du eine Vorlage gegen die vier Leitsätze wahrnehmbar, bedienbar, verständlich und robust hältst, hast Du eine Checkliste, mit der Du gezielt nachfragst, statt Dich auf das Bauchgefühl zu verlassen.
Mit dem Dienstleister nachbessern
Vielleicht steht das Theme schon, oder Dein Wunsch-Layout hat eine Schwachstelle, die Du nicht aufgeben willst. Dann ist nicht alles verloren. Wie Du Barrierefreiheit im Altbestand nachrüstest, ohne die ganze Seite neu zu bauen, zeigt der eigene Beitrag dazu. Vieles lässt sich im Nachhinein anpassen, wenn Du es klar benennst und beauftragst.
Geh mit konkreten Beobachtungen ins Gespräch mit Deiner Agentur oder Deinem Entwickler. Sätze wie „die Markierung beim Durchklicken mit der Tastatur ist nicht zu sehen" oder „der graue Text in der Fußzeile ist kaum lesbar" sind handfeste Aufträge, an denen jemand sofort arbeiten kann.
Halte die Barrierefreiheit am besten gleich im Auftrag fest, etwa als Ziel WCAG AA. So wird sie zum vereinbarten Bestandteil und nicht zur Zusatzleistung, über die ihr nachträglich verhandelt. Eine Vorlage als Ausgangspunkt zu nehmen und gezielt nachzubessern, ist oft der schnellste Weg zu einer Seite, die für alle funktioniert.
Fazit
Das Theme ist das Fundament Deiner Webseite, und ein zugängliches Fundament erspart Dir später unzählige Einzelreparaturen. Du musst dafür kein Entwickler sein. Du achtest auf Kontraste, Tastaturbedienung, eine saubere Struktur und gepflegte Updates und prüfst die Demoseite einmal selbst.
Such Dir vor dem Kauf zehn Minuten Zeit für diesen Durchgang. Bei einem wichtigen Projekt holst Du zusätzlich einen geschulten Blick dazu. So startet Deine neue Seite auf einer Basis, die Dich nicht später einholt.