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.

Problemlösung

Probleme lösen

Die Beschwerde „Auf Ihrer Website funktioniert nichts“ bedeutet selten, dass die ganze Website kaputt ist. Meist stört eine ganz bestimmte Sache: ein unsichtbarer Fokus, eine Schaltfläche ohne Namen, ein Feld ohne Beschriftung. Unten finden Sie häufige Situationen und ein ruhiges Vorgehen für den Fall, dass Ihnen jemand schreibt, mit Ihrer Seite nicht zurechtzukommen.

Eine Beschwerde über eine umständliche Website ist eine kostenlose Prüfung, die jemand für Sie erledigt hat – nehmen Sie sie dankbar an.

— Aus der Redaktion

So ist dieser Bereich aufgebaut: Die Tipps sind allgemein formuliert und passen zu den meisten kleinen Websites. Muss für eine Korrektur die Vorlage oder der Code geändert werden, zeigen Sie diese Hinweise der Person, die Ihre Website betreut.

Wenn etwas schiefgeht

Beim Wechsel mit der Tabulatortaste ist nicht zu sehen, wo der Fokus ist

Höchstwahrscheinlich wurde der Fokusrahmen aus optischen Gründen entfernt. Stellen Sie ihn wieder her oder ersetzen Sie ihn durch einen eigenen, der auf jedem Hintergrund gut zu erkennen ist. Wer mit der Tastatur arbeitet, weiß ohne ihn nicht, was er als Nächstes auslöst.

Beim Vergrößern wird Text abgeschnitten oder überlagert andere Bereiche

Meist liegt es an fest vorgegebenen Höhen und Schriftgrößen, die beim Zoomen nicht mitwachsen. Prüfen Sie die Seite bei doppelter Vergrößerung und bitten Sie die Entwicklerin oder den Entwickler, die Bereiche mit dem Inhalt wachsen zu lassen.

Eine Schaltfläche hat ein Symbol, aber keinen Text

Der Screenreader liest so eine Schaltfläche nur als „Schaltfläche“ vor, und niemand erfährt, was sie bewirkt. Geben Sie ihr einen Textnamen – sichtbar oder für assistive Technologien hinterlegt: „Suche“, „Schließen“, „Menü“.

Besucher verstehen nicht, was im Formular falsch ist

Formulieren Sie die Fehlermeldungen neu: was genau nicht stimmt und wie es sich beheben lässt. Platzieren Sie sie direkt am Feld und verlassen Sie sich nicht allein auf die Farbe Rot. Das genaue Vorgehen steht in der Anleitung zum Kontaktformular.

Ein Video wurde ohne Untertitel veröffentlicht

Beginnen Sie mit den wichtigsten Videos. Auch automatisch erzeugte Untertitel müssen Sie lesen und korrigieren: Erkennungsfehler verändern leicht den Sinn. Für Aufnahmen ohne Bild genügt ein Transkript.

Blassgrauer Text ist schlecht lesbar

Prüfen Sie den Kontrast: Für normalen Text verlangt Stufe AA mindestens 4,5:1. Meist hilft es schon, den Text dunkler zu machen – das Design leidet darunter nicht, und alle lesen leichter.

Wenn sich jemand beschwert, Ihre Website nicht nutzen zu können

  1. Bedanken und nachfragen

    Antworten Sie gelassen und ohne Rechtfertigungen. Fragen Sie, auf welcher Seite das Problem auftrat, was die Person tun wollte und welches Gerät sie benutzt hat – allgemein gehalten, ohne unnötige persönliche Fragen.

  2. Sofort eine Alternative anbieten

    Solange die Ursache unklar ist, bieten Sie einen anderen Weg an: per E-Mail antworten, eine Anfrage schriftlich entgegennehmen, den Text eines Dokuments zuschicken. Niemand sollte warten müssen, bis die Website repariert ist.

  3. Den Vorgang selbst nachvollziehen

    Gehen Sie denselben Weg: zuerst mit der Maus, dann nur mit der Tastatur, dann bei doppelter Vergrößerung und mit dem eingebauten Screenreader. Notieren Sie, an welchem Schritt es hakt.

  4. Die Ursache finden, nicht das Symptom

    Lässt sich eine Schaltfläche nicht bedienen, prüfen Sie alle ähnlichen: Meist steckt der Fehler in einer gemeinsamen Vorlage und wiederholt sich auf vielen Seiten.

  5. Korrigieren und erneut prüfen

    Gehen Sie nach der Änderung denselben Weg noch einmal auf dieselbe Weise durch. Vergewissern Sie sich, dass die Korrektur nichts in der Nähe beschädigt hat, etwa die Reihenfolge der Felder.

  6. Die Person über das Ergebnis informieren

    Schreiben Sie, was sich geändert hat, und bitten Sie um einen erneuten Versuch. Das kostet eine Minute und zeigt, dass die Nachricht wirklich gelesen wurde.

  7. Einen Punkt in Ihre Prüfliste aufnehmen

    Tragen Sie den gefundenen Fehler in die Liste der Dinge ein, die Sie vor dem Veröffentlichen einer neuen Seite prüfen. So schützt eine einzige Beschwerde vor vielen Wiederholungen.

  • 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.

  • 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.

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.