Text gut lesbar machen
Erhöhen Sie den Kontrast des Fließtexts, verzichten Sie auf zu kleine Schrift und prüfen Sie, ob die Seite beim Vergrößern intakt bleibt.
Anleitungen
Praktische Anleitungen
Der größte Teil der Arbeit an der Barrierefreiheit kommt ohne Programmierkenntnisse aus. Sie müssen wissen, was Menschen konkret behindert, und das auf Ihrer eigenen Seite prüfen können. Hier finden Sie Anleitungen für Aufgaben, die fast jede kleine Website betreffen – vom blassen Text bis zum Formular, das sich ohne Maus nicht ausfüllen lässt.
Jede Feldbeschriftung und jede Bildbeschreibung ist eine kleine Änderung, die jemandem die ganze Website öffnet.
So ist dieser Bereich aufgebaut: Die Anleitungen sind allgemein gehalten und nicht an bestimmte Baukästen oder Redaktionssysteme gebunden. Die Einstellungen heißen überall anders; schauen Sie daher in die Dokumentation Ihres Werkzeugs – der Sinn der Schritte bleibt derselbe.
Anleitungen
Aufgaben, mit denen Sie gut beginnen können, wenn Ihre Website schon läuft und Sie sie nicht komplett umbauen möchten.
Bilder beschreiben
Geben Sie jedem inhaltlich wichtigen Bild eine kurze Beschreibung und lassen Sie den Alternativtext dekorativer Bilder leer, damit der Screenreader sie überspringt.
Bildtexte (auf Russisch)
Überschriften sinnvoll setzen
Eine Hauptüberschrift pro Seite, Abschnitte eine Ebene darunter, Unterabschnitte noch eine tiefer. Die Ebene richtet sich nach dem Inhalt, nicht nach der gewünschten Schriftgröße.
Sichtbaren Fokus zurückholen
Wenn beim Wechsel mit der Tabulatortaste nicht zu erkennen ist, wo Sie sich befinden, stellen Sie den Fokusrahmen wieder her oder machen Sie ihn deutlicher.
Videos untertiteln
Beginnen Sie mit den Videos, in denen es um das Wesentliche geht. Untertitel helfen nicht nur Menschen, die nicht hören, sondern auch allen, die ohne Ton schauen.
Beitragskatalog für deutschsprachige Leserinnen und Leser
In diesem Bereich erscheinen nach und nach eigenständige Wpget-Beiträge, die eigens für die deutsche Sprachversion des Nachschlagewerks geschrieben werden.
Der Katalog ist noch leer. Neue Beiträge kommen hinzu, sobald sie fertig sind.
Was wir uns vorgenommen haben
- Einfache Sprache und Leichte Sprache: worin der Unterschied liegt und was zu Ihrer Website passt
- Produktfotos im kleinen Onlineshop beschreiben: kurz, sachlich und hilfreich
- Termine, Öffnungszeiten und Anfahrt so darstellen, dass alle sie schnell finden und verstehen
- Dokument zum Herunterladen oder lieber eine normale Webseite: was für Ihre Leserinnen und Leser zugänglicher ist
Redaktionelle Grundsätze
- Die Beiträge in diesem Katalog werden für jede Sprachversion eigens verfasst und sind keine Übersetzungen.
- Einige Beiträge verlinken auf Websites Dritter, darunter Gaming-Dienste; auf deren Inhalte, Preise und Bedingungen haben wir keinen Einfluss.
- Wir erstellen keine Websites im Auftrag und veröffentlichen keine Werbung für Agenturen, Hosting-Anbieter oder Dienste, keine Rankings, Preise oder Erfahrungsberichte.
So gestalten Sie ein verständliches Kontaktformular
Nur die nötigen Felder behalten
Fragen Sie sich, ohne welche Angaben Sie wirklich nicht antworten können. Jedes überflüssige Feld ist eine weitere Fehlerquelle und ein weiterer Grund, das Ausfüllen abzubrechen.
Jedes Feld beschriften
Jedes Feld braucht eine sichtbare Beschriftung, die im Markup mit ihm verknüpft ist. Ein grauer Platzhaltertext im Feld zählt nicht als Beschriftung: Er verschwindet bei der Eingabe, und man vergisst, was gefragt war.
Pflichtfelder in Worten kennzeichnen
Schreiben Sie „Pflichtfeld“ neben die Beschriftung oder erklären Sie das verwendete Zeichen vor dem Formular. Farbe oder ein Symbol ohne Erklärung versteht nicht jeder.
Ein Beispiel: „E-Mail-Adresse (Pflichtfeld)“ ist verständlicher als ein rotes Sternchen, dessen Bedeutung nirgends erklärt wird.
Das Format vorab erklären
Erwartet ein Feld Angaben in einer bestimmten Form, sagen Sie das in der Beschriftung oder direkt darunter – vor der Eingabe. Am besten akzeptieren Sie verschiedene Schreibweisen und lassen niemanden raten.
Fehlermeldungen verständlich machen
Eine Fehlermeldung muss sagen, was nicht stimmt und wie es sich beheben lässt, und sie gehört direkt neben das Feld. Ein roter Rahmen ohne Text erklärt nichts, wenn jemand Farben nicht unterscheidet oder den Bildschirm nicht sieht.
Das Formular mit der Tastatur testen
Gehen Sie alle Felder mit der Tabulatortaste durch, füllen Sie sie aus und senden Sie das Formular ab, ohne die Maus zu berühren. Die Reihenfolge muss der Anordnung auf dem Bildschirm entsprechen, und der Fokus muss jederzeit sichtbar sein.
Den Versand bestätigen
Zeigen Sie nach dem Absenden eine klare Meldung, dass die Nachricht angekommen ist und wie es weitergeht. Blenden Sie sie nicht nach wenigen Sekunden aus: Manche Menschen brauchen mehr Zeit zum Lesen.
Lesen Sie auch
- 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.
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.