1.4.5 - Abbildung von Text
AA 2.0
Design
Ziel
Textinhalte sollen zugänglich und anpassbar sein, um Barrieren für sehbehinderte Personen oder Nutzer mit individuellen Anpassungsbedürfnissen zu minimieren.
Beschreibung
- Text sollte, wenn möglich, direkt als Text dargestellt werden, anstatt in Form von Bildern.
- Ausnahmen gelten für Fälle, in denen:
- Die Darstellung des Textes vom Benutzer anpassbar ist.
- Eine bestimmte visuelle Präsentation essenziell ist (z. B. Logos).
Anforderungen
- Vermeidung von Bildern mit reinem Text, außer wenn es aus gestalterischen oder inhaltlichen Gründen unabdingbar ist.
- Nutzung von CSS zur Darstellung von Text mit spezifischen visuellen Anforderungen.
- Verzicht auf Textbilder, außer bei essenziellen Anwendungsfällen.
- Einsatz von serverseitigen oder dynamischen Lösungen, die Bilder mit anpassbarem Text generieren, falls nötig.
- Sicherstellen, dass essenzielle Textbilder (z. B. Logos) eine Textalternative enthalten.
- Inhalte so gestalten, dass Textlesbarkeit und Anpassbarkeit priorisiert werden.
- Prüfung, ob alle Textinhalte als bearbeitbarer Text vorliegen.
- Sicherstellen, dass alle Bilder von Text, die unvermeidlich sind, alternative Texte enthalten.
- Überprüfung der Lesbarkeit und Anpassungsfähigkeit von Text auf verschiedenen Geräten.
Code-Beispiele
Beispiel für eine essenzielle Textgrafik (z. B. Logo) mit Alt-Attribut:
<img src="logo.png" alt="Firmenlogo mit Schriftzug 'Barrierefrei GmbH'" />