Webinhalte schreiben, die alle nutzen können, auch Menschen mit Behinderung

## Vor dem Schreiben klären, was Lesende aufhalten kann Ermitteln Sie vor dem Entwurf die Bedingungen, die jemanden daran hindern könnten, die Botschaft aufzunehmen oder die Aufgabe abzuschließen. Berücksichtigen Sie Unterschiede bei: - Sprachbeherrschung und Lesefähigkeit; - Vertrautheit mit dem Thema oder der Technologie; - Sehvermögen, Hörvermögen, Kognition und motorischer Kontrolle; - Gerätegröße, Verbindungsqualität und fehlenden Medien; sowie - verfügbarer Zeit, Aufmerksamkeit und Belastung. Behandeln Sie nicht eine vorgestellte Person als Standardnutzer. Beziehen Sie Prüfungen der Barrierefreiheit in die gesamte Gestaltung und Entwicklung der Inhalte ein und ziehen Sie eine qualifizierte Fachperson hinzu, wenn das Team eine wesentliche Barriere nicht beseitigen kann. ## Einfache Wörter verwenden und unbekannte Begriffe erklären Formulieren Sie die Hauptaussage direkt. Verwenden Sie vertraute Wörter, kurze Sätze und klar ausgerichtete Absätze, ohne erforderliche Bedeutungsinhalte zu verlieren. Definieren Sie einen unbekannten wissenschaftlichen, rechtlichen oder technischen Begriff bei seinem ersten Auftreten. Schreiben Sie die Bezeichnung eines Produkts, einer Dienstleistung oder eines Verfahrens vollständig aus, bevor Sie eine Abkürzung einführen. Wenn viele Definitionen erforderlich sind, bieten Sie zusätzlich ein Glossar an, ohne die Lesenden zu zwingen, die Haupterklärung wiederholt zu verlassen. Vermeiden Sie Redewendungen und kulturabhängige Ausdrücke, wenn sie einen Teil der Zielgruppe ausschließen oder verwirren könnten. Nutzen Sie Werkzeuge zur Lesbarkeitsprüfung als diagnostische Hinweise und bestätigen Sie das Ergebnis anschließend durch menschliche Prüfung und repräsentative Lesende. ## Nötige Erklärungen direkt neben das Erklärte setzen Platzieren Sie wesentliche Erläuterungen neben der Aussage, dem Steuerelement oder dem visuellen Element, das sie erklären. Verwenden Sie eine nahe gelegene Definition, einen eindeutig bezeichneten Verweis oder eine Kurzinfo, wenn ergänzende Einzelheiten den Hauptfluss unterbrechen würden. Wählen Sie die Methode nach dem Lesekontext aus. Ein Verweis, der auf einem großen Bildschirm funktioniert, kann auf einem schmalen Bildschirm oder mit unterstützender Technologie schwer zu finden oder zu deuten sein. Verlassen Sie sich nicht auf einen Verweismechanismus, der Lesende von Informationen trennt, die sie zum Verständnis des aktuellen Schritts benötigen. ## Seiten mit klaren Überschriften gliedern, damit man sie schnell überfliegt Verwenden Sie präzise Seitentitel und Überschriften, die Zweck und Hauptpunkte erkennen lassen, ohne dass der gesamte Text gelesen werden muss. Teilen Sie lange Passagen in kurze, zusammenhängende Abschnitte. Verbinden Sie zusammengehörige Absätze durch eine klare Gedankenfolge. Variieren Sie die Satzlänge nur, wenn dies das Verständnis fördert. Teilen Sie einen Satz, wenn seine Länge oder Struktur die Handlung, Bedingung oder Schlussfolgerung verdeckt. Prüfen Sie die Seite bei schmaler wie auch bei großer Breite. Die schnelle Erfassbarkeit muss Änderungen eines anpassungsfähigen Layouts standhalten und darf nicht von den Abständen einer Rechneransicht abhängen. ## Alternativtext für Bilder und Diagramme schreiben Entscheiden Sie für jedes Bild, Diagramm, Symbol oder andere visuelle Element, ob es informativ, redundant oder dekorativ ist. - Stellen Sie für ein informatives visuelles Element einen Alternativtext bereit, der die im jeweiligen Kontext benötigten Informationen vermittelt. - Wenn ein gleichwertiger Text bereits direkt danebensteht, verwenden Sie einen leeren Alternativtext: `alt=""`. - Verwenden Sie für ein dekoratives visuelles Element, das von unterstützender Technologie ignoriert werden soll, einen leeren Alternativtext. - Beginnen Sie Alternativtexte nicht mit Bezeichnungen wie „Bild von“. Unterstützende Technologie erkennt den Elementtyp bereits. Fügen Sie eine Bildunterschrift hinzu, wenn Lesende sichtbaren Kontext benötigen, und halten Sie deren Stil einheitlich. Platzieren Sie ein visuelles Element nahe bei seiner Erklärung. Stellen Sie wesentliche Fachsprache oder Daten nicht ausschließlich in einem Bild dar, sondern bieten Sie eine barrierefreie Entsprechung als Text oder Daten an. ## Linktexte schreiben, die sagen, wohin sie führen Formulieren Sie den Verweistext so konkret, dass er auch ohne den umgebenden Absatz verständlich bleibt. Benennen Sie das Ziel oder die Handlung, anstatt eine ungenaue Anweisung zu verwenden. Informieren Sie die Lesenden, wenn ein Verweis ein anderes Format öffnet, einen Abruf startet oder zu einer andersartigen Nutzungserfahrung führt. Stimmen Sie die Ausdrucksweise des Verweistextes auf die übrigen Inhalte ab. Bieten Sie bei Bedarf mehr als einen praktischen Weg durch einen großen Informationsraum an, etwa aussagekräftige Seitentitel, ein Inhaltsverzeichnis, Querverweise, eine Suche oder eine Seitenübersicht. Jeder Weg sollte Bezeichnungen verwenden, die den nachfolgenden Inhalt korrekt ankündigen. ## Überschriften, Formulare und Seitensprache für unterstützende Technologien aufbereiten Verwenden Sie semantische Überschriften, Bezeichnungen, Beziehungen und Anweisungen, damit unterstützende Technologie dieselbe Organisation vermitteln kann, die visuell verfügbar ist. Formulare müssen ihre Bezeichnungen, Anforderungen, Fehler und Anweisungen programmatisch bereitstellen. Deklarieren Sie die Hauptsprache des Dokuments mit dem passenden Sprachattribut, beispielsweise `lang="en"`, und kennzeichnen Sie Passagen mit einem Sprachwechsel. Dadurch können Aussprache- und Übersetzungswerkzeuge den Text richtig interpretieren. Verwenden Sie visuelle Position, Farbe oder Gestaltung nicht als einziges Mittel, um Struktur oder eine erforderliche Handlung zu vermitteln. ## Videos und Audio mit Untertiteln und Transkripten versehen Synchronisieren Sie Untertitel mit gesprochenen Inhalten und bedeutungstragenden Geräuschen. Untertitel dürfen sinngemäß knapp statt wortgetreu sein, müssen die Aussage jedoch bewahren. Stellen Sie ein Transkript bereit, das gesprochene Wörter, wesentlichen Bildschirmtext und Beschreibungen wichtiger visueller Informationen enthält. Platzieren Sie den Verweis darauf nahe bei den zugehörigen Medien. Stellen Sie eine Audiodeskription bereit, wenn wesentliche Informationen visuell erscheinen und nicht anderweitig über den Ton verfügbar sind. Verwenden Sie eine Medienwiedergabe, deren Untertitel- und Wiedergabesteuerung für Tastaturnutzer und Nutzer unterstützender Technologien zugänglich ist. ## Fertige Seiten mit Tastatur und echten Lesenden testen Prüfen Sie die fertiggestellten Inhalte auf mehreren Wegen: 1. Überfliegen Sie nur Seitentitel, Überschriften und Verweise, um festzustellen, ob Struktur und Ziele klar sind. 2. Navigieren Sie mit der Tastatur und unterstützender Technologie und bestätigen Sie, dass Steuerelemente, Bezeichnungen, Zustände und Formularanweisungen sinnvoll ausgegeben werden. 3. Verwenden Sie einen schmalen Bildschirm und eine vergrößerte Schrift, um abgeschnittene oder gedrängte Inhalte und eine fehlerhafte Lesereihenfolge zu erkennen. 4. Deaktivieren oder entfernen Sie Bilder, Audio oder Video und bestätigen Sie, dass wesentliche Informationen weiterhin verfügbar sind. 5. Bitten Sie repräsentative Lesende, Informationen zu finden und die vorgesehene Aufgabe abzuschließen. Dokumentieren Sie Barrieren, korrigieren Sie die verursachenden Inhalte oder Strukturen und wiederholen Sie die betroffenen Prüfungen. Eine Werkzeugbewertung allein ist kein Nachweis für eine barrierefreie Nutzungserfahrung.