Wpgeteine Website für alle: Nachschlagewerk zur Barrierefreiheit

Unabhängiges Nachschlagewerk zur Barrierefreiheit von Websites. Wir erstellen keine Websites im Auftrag und verkaufen kein Hosting; mit der früheren Website unter dieser Domain stehen wir in keiner Verbindung.

eine Website für alle: Nachschlagewerk zur Barrierefreiheit

Wpget – so wird Ihre Website für alle nutzbar

Ihre Website wird von ganz unterschiedlichen Menschen genutzt: Manche vergrößern den Text auf das Doppelte, andere lassen sich die Seite von einem Screenreader vorlesen, wieder andere können keine Maus halten oder lesen auf dem Smartphone in grellem Sonnenlicht. Dieses Nachschlagewerk erklärt, was jeder dieser Gruppen im Weg steht, und zeigt, wie Sie solche Hürden selbst beseitigen – in Ruhe, Schritt für Schritt und ohne teuren Umbau.

Eine barrierefreie Website ist keine Sonderversion für besondere Besucher, sondern dieselbe Seite – nur hat niemand vergessen, sie zu prüfen.

— Aus der Redaktion

Wo Sie anfangen

Sichtbar und lesbar

Kontrast, Schriftgröße und Zoom: warum blassgrauer Text auf weißem Grund selbst Menschen mit guten Augen im Stich lässt.

Mit der Tastatur bedienbar

Wie Sie eine Seite ohne Maus durchgehen, wo der Fokus sichtbar sein muss und warum keine Schaltfläche nur per Mausklick erreichbar sein darf.

Verständliche Formulare

Beschriftete Felder, klare Fehlermeldungen und Absenden ohne Rätselraten – genau das entscheidet, ob Ihnen jemand schreibt oder die Seite verlässt.

Video und Ton

Untertitel, Transkript und Gebärdensprache: worin sie sich unterscheiden und womit eine kleine Website sinnvollerweise beginnt.

Bereiche des Nachschlagewerks

  • Anleitungen

    Schritt-für-Schritt-Anleitungen: wie Text gut lesbar, eine Seite durch Überschriften verständlich und ein Kontaktformular für alle bedienbar wird. Dazu der Beitragskatalog.

  • Werkzeuge

    Womit Sie Ihre Website selbst prüfen: Zoom im Browser, Tastatur, Hochkontrastmodus, eingebauter Screenreader, Farbkontrastprüfung und Markup-Validator.

  • Vergleiche

    Konformitätsstufen A, AA und AAA; Alternativtext, Bildunterschrift und Transkript; Untertitel, Transkript und Gebärdensprache – in Vergleichstabellen.

  • Problemlösung

    Was tun, wenn der Fokus unsichtbar ist, Text beim Vergrößern nicht passt, eine Schaltfläche keine Beschriftung hat, Formularfehler unklar sind oder Untertitel fehlen.

  • Risiken

    Fallen der Barrierefreiheit: unlösbare Captchas, verschwindende Meldungen, Blinken, knappe Zeitlimits, Scans statt Text und „Overlays“, die alles auf einmal versprechen.

  • Glossar

    Glossar: Barrierefreiheit, WCAG, GOST R 52872-2019, Kontrast, Alternativtext, Fokus, Screenreader, Untertitel und einfache Sprache.

  • Fragen

    Antworten auf häufige Fragen zum Nachschlagewerk, zu Text und Bildern, Formularen, Videos und dazu, wie Sie Ihre Website ohne Fachleute auf Barrierefreiheit prüfen.

Ihre Website in fünf Schritten prüfen

  1. Gehen Sie die Seite mit der Tabulatortaste durch

    Legen Sie die Maus beiseite und drücken Sie die Tabulatortaste, vom Anfang der Seite bis zum Ende. Sie sollten jederzeit erkennen, welches Element gerade ausgewählt ist, und alle Links, Schaltflächen und Felder in einer sinnvollen Reihenfolge erreichen.

  2. Vergrößern Sie auf das Doppelte

    Zoomen Sie die Seite im Browser auf das Doppelte und scrollen Sie durch. Text darf nicht abgeschnitten werden oder in benachbarte Bereiche rutschen, Menü und Schaltflächen müssen an ihrem Platz bleiben und funktionieren.

  3. Prüfen Sie den Kontrast

    Vergleichen Sie die Farbe des Fließtexts mit der Hintergrundfarbe – mit einer beliebigen Kontrastprüfung. Für normalen Text verlangt Stufe AA mindestens 4,5:1, für großen Text mindestens 3:1.

  4. Sehen Sie sich die Überschriften an

    Schreiben Sie die Überschriften der Seite der Reihe nach auf, wie ein Inhaltsverzeichnis. Verrät diese Liste, worum es geht und wo was steht, ist die Struktur in Ordnung; fehlen Überschriften oder wurden sie nur wegen der Schriftgröße gewählt, sollten Sie nachbessern.

  5. Prüfen Sie die Beschriftungen der Formularfelder

    Klicken Sie auf die Beschriftung jedes Feldes: Ist sie korrekt verknüpft, springt der Cursor ins Feld. Achten Sie darauf, dass Beschriftungen ständig sichtbar sind und nicht verschwinden, sobald jemand zu tippen beginnt.

Das Wichtigste in Kürze

Erstellen Sie Websites oder bieten Sie kostenpflichtige Prüfungen an?

Nein. Wpget ist ein Nachschlagewerk. Wir erstellen keine Websites, verkaufen kein Hosting, nehmen keine Aufträge an und vertreten keine Agentur. Hier finden Sie nur Erklärungen, mit denen Sie Ihre Website selbst prüfen und verbessern können.

Muss meine Website einen Standard zur Barrierefreiheit erfüllen?

Das hängt davon ab, wem die Website gehört und welchem Zweck sie dient, und wir geben keine rechtlichen Einschätzungen. Ist die Frage für Sie wichtig, klären Sie sie mit einer Anwältin oder einem Anwalt. Unabhängig von der Antwort ist eine barrierefreie Website für alle Besucher angenehmer.

Reicht es, eine „Version für Sehbehinderte“ einzubauen und es dabei zu belassen?

Nein. Ein separater Knopf für große Schrift repariert die eigentliche Website nicht: Formularfelder bekommen dadurch keine Beschriftungen, Bilder keine Beschreibungen, und die Tastaturbedienung bleibt, wie sie ist. Barrierefrei sein muss genau die Seite, die alle sehen.

Was kostet es, eine Website barrierefrei zu machen?

Ehrlich gesagt: Vieles erfordert Aufmerksamkeit, nicht Geld. Bilder beschreiben, Überschriften sinnvoll setzen, Felder beschriften und den Kontrast erhöhen können Sie selbst. Aufwendige Umbauten sind meist dort nötig, wo lange niemand an Barrierefreiheit gedacht hat.

Über das Projekt

Wpget steht in keiner Verbindung mit der früheren Website unter dieser Domain. Deren Inhalte werden hier weder fortgeführt noch wiedergegeben.

Wir schreiben für Betreiber und Redaktionen kleiner Websites, die möchten, dass alle Menschen ihre Seiten nutzen können. Konkrete Programme, Baukästen oder Unternehmen finden Sie hier nicht – nur Grundsätze und Prüfungen, die zu jeder Website passen.

  • Anleitungen

    Schritt-für-Schritt-Anleitungen: wie Text gut lesbar, eine Seite durch Überschriften verständlich und ein Kontaktformular für alle bedienbar wird. Dazu der Beitragskatalog.

  • Werkzeuge

    Womit Sie Ihre Website selbst prüfen: Zoom im Browser, Tastatur, Hochkontrastmodus, eingebauter Screenreader, Farbkontrastprüfung und Markup-Validator.

  • Vergleiche

    Konformitätsstufen A, AA und AAA; Alternativtext, Bildunterschrift und Transkript; Untertitel, Transkript und Gebärdensprache – in Vergleichstabellen.

  • Problemlösung

    Was tun, wenn der Fokus unsichtbar ist, Text beim Vergrößern nicht passt, eine Schaltfläche keine Beschriftung hat, Formularfehler unklar sind oder Untertitel fehlen.

  • Glossar

    Glossar: Barrierefreiheit, WCAG, GOST R 52872-2019, Kontrast, Alternativtext, Fokus, Screenreader, Untertitel und einfache Sprache.

Quellen

  • W3C – Richtlinien WCAG 2.2
  • GOST R 52872-2019 (russische Norm)
  • Redaktionelle Beiträge des Nachschlagewerks Wpget

Die Angaben sind allgemein gehalten und entsprechen dem Stand der Erstellung. Richtlinien, Browser und Lesegewohnheiten ändern sich nach und nach; ziehen Sie daher in Zweifelsfällen die Originalquellen heran: den Text der WCAG-Richtlinien und die geltende russische Norm GOST R 52872-2019.