Grafik, Design und Medien

Version: 2.0 · Stand: 2026-07-04 · Struktureller Bezug: Microsoft Writing Style Guide – Graphics, design, and media (CC BY 4.0) · Normative Grundlage: WCAG 2.1/2.2; EN 301 549

Barrierefreie Websites funktionieren auch mit unterschiedlichen Browsern, Einstellungen und Geräten besser. Grafisches Design bleibt klar und einfach; für jede über Bild oder Medium vermittelte Information gibt es einen alternativen Zugang.

• Tabellen semantisch korrekt auszeichnen (Kopfzeilen, Zuordnung) gemäß WCAG. Siehe Tabellen.
• Keine automatisch laufenden Bewegtinhalte (Lauftext, Autoplay), die sich nicht anhalten lassen (WCAG 2.2.2).
• Bedienbarkeit per Tastatur sicherstellen (WCAG 2.1.1): Alle Links und interaktiven Elemente per Tabulator erreichbar.

• Textalternative für jedes bedeutungstragende Nicht-Text-Element – Bilder, Diagramme, Audio, Video, animierte GIFs.
• Alternativtext für informationstragende Bilder; rein dekorative Bilder erhalten einen Leerwert (alt=„“). Mehr dazu: Alternativtexte.
• Untertitel und Transkripte für Audio- und Videoinhalte; Videos zusätzlich mit Audiodeskription, wo nötig. Ein Vorschaubild erhält ebenfalls einen Alternativtext.
• Komplexe Grafiken (etwa Netzwerk- oder Architekturdiagramme) ausführlich im umgebenden Text oder in einem verlinkten Dokument beschreiben.

Redaktionsleitfaden von The White Knight Labs. Aufbau nach dem Microsoft Writing Style Guide (© Microsoft Corporation, CC BY 4.0); Inhalte für den deutschsprachigen Raum eigenständig erarbeitet. Sprachregeln nach amtlicher deutscher Rechtschreibung, Duden und DIN 5008.