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.

Werkzeuge

Werkzeuge

Für eine erste Prüfung der Barrierefreiheit brauchen Sie weder kostenpflichtige Programme noch besondere Vorkenntnisse. Fast alles Nötige steckt bereits in Ihrem Browser, Ihrem Computer und Ihrem Smartphone. Wenn Sie wissen, wo es sich einschalten lässt, finden Sie in einer halben Stunde die meisten offensichtlichen Hürden auf Ihrer Seite.

Der ehrlichste Test: Nutzen Sie die Website so, wie andere sie nutzen – ohne Maus, mit großer Schrift oder nur nach Gehör.

— Aus der Redaktion

So ist dieser Bereich aufgebaut: Wir beschreiben Arten von Hilfsmitteln, nicht bestimmte Programme oder Erweiterungen. Die Menüpunkte heißen von Gerät zu Gerät anders, doch die Funktionen selbst gibt es in nahezu jedem aktuellen System und Browser.

Was Sie brauchen

Eine kleine Ausstattung, die genügt, um die Website mit den Augen ganz unterschiedlicher Besucher zu sehen.

Zoom im Browser

Jeder Browser kann eine Seite vergrößern. Zoomen Sie auf das Doppelte und achten Sie darauf, ob Text abgeschnitten wird, Bereiche sich überlagern oder das Menü verschwindet.

Problemlösung

Tastatur

Die Tabulatortaste bewegt den Fokus vorwärts, zusammen mit der Umschalttaste rückwärts, die Eingabetaste aktiviert einen Link oder eine Schaltfläche. Was ohne Maus nicht erreichbar ist, fällt vielen auf.

Anleitungen

Hochkontrastmodus des Systems

In den Bedienungshilfen von Computer und Smartphone gibt es einen Hochkontrastmodus. Schalten Sie ihn ein und prüfen Sie, ob Symbole, Feldrahmen und Kanten von Schaltflächen sichtbar bleiben.

Vergleiche

Eingebauter Screenreader

Smartphones und Computer haben eine eingebaute Funktion, die den Bildschirminhalt vorliest. Hören Sie sich Ihre Startseite an: Sind die Links verständlich, die Bilder beschrieben, die Schaltflächen benannt?

Bildtexte (auf Russisch)

Farbkontrastprüfung

Es gibt zahlreiche Prüfungen, die aus zwei Farben das Kontrastverhältnis berechnen. Vergleichen Sie das Ergebnis mit den WCAG-Schwellen: 4,5:1 für normalen und 3:1 für großen Text.

Glossar

Markup-Validator

Eine Prüfung des Markups zeigt nicht geschlossene Elemente, doppelte IDs und andere Fehler, durch die assistive Technologien eine Seite falsch interpretieren.

Risiken

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

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

  • Vergleiche

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

  • Glossar

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

  • Risiken

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

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.