Erfolgskriterium 1.4.8
Visuelle Darstellung
(Materialsammlung)
Letzte Ergänzung:
Dieses Erfolgskriterium umfasst gleich ein ganzes Bündel an Maßnahmen zur visuellen Optimierung der Darstellung. Farbkombinationen, Bereichsbreite, Blocksatz, Zeilenabstand und eine Vergrößerung ohne Scrollen lassen sich in einem bestimmten Rahmen konfigurieren.
WCAG Kontext
Prinzip 1. Wahrnehmbar Perceivable
Informationen und Steuerelemente müssen in einer technisch darstellbaren Weise wahrnehmbar sein.
Richtlinie 1.4 Unterscheidbar
Mach es einfacher, Inhalt zu sehen und zu hören, die Trennung von Vordergrund und Hintergrund eingeschlossen.
Erläuterungen zum Kontext
Strukturierende Übersetzung des Erfolgskriteriums
Ein Mechanismus für die visuelle Darstellung von Textblöcken ist verfügbar, um Folgendes zu bewerkstelligen.
- Die Farben von Vordergrund und Hintergrund können von Nutzer*innen ausgewählt werden.
- Die Breite übersteigt nicht 80 Buchstaben oder Glyphen (40 für CJK).
- Text erscheint nicht als Blocksatz (sowohl am linken als auch am rechten Rand ausgerichtet).
-
Der Zeilenabstand (Zeilendurchschuss) innerhalb eines Absatzes entspricht zumindest dem 1,5-fachen.
Der Abstand zwischen Absätzen entspricht zumindest dem 1,5-fachen des Zeilenabstands. - Text lässt sich ohne assistierender Technologien auf 200% vergrößern, ohne dass ein horizontales Scrollen beim Lesen einer Zeile erforderlich ist.
Anmerkungen zur Übersetzung
Englischsprachiger Originaltext des Erfolgskriteriums
For the visual presentation of blocks of text, a mechanism is available to achieve the following:
- Foreground and background colors can be selected by the user.
- Width is no more than 80 characters or glyphs (40 if CJK).
- Text is not justified (aligned to both the left and the right margins).
- Line spacing (leading) is at least space-and-a-half within paragraphs, and paragraph spacing is at least 1.5 times larger than the line spacing.
- Text can be resized without assistive technology up to 200 percent in a way that does not require the user to scroll horizontally to read a line of text
Zum raschen Verständnis
Die visuelle Lesbarkeit eines Textes muss gleich durch eine Reihe von Maßnahmen optimiert werden können.
- Vordergrund- und Hintergrundfarbe lassen sich einstellen.
- Die Lesbarkeit wird für einige Menschen verbessert, wenn maximal 80 Zeichen pro Zeile dargestellt werden. Für Chinesische, Japanische und Koreanische Schriftzeichen (CJK) wird nach spätestens 40 Zeichen ein Zeilenumbruch gemacht.
- Auf Blocksätze wird verzichtet.
- Die Lesbarkeit wird erhöht, wenn der Zeilenabstand innerhalb eines Absatzes 1,5x beträgt. Der Abstand zwischen Absätzen sollte mindestens das 1,5-fache des Zeilenabstandes betragen.
- Text lässt sich auf mindestens 200 % vergrößern, ohne dass ein horizontales Scrollen erforderlich wird.
Anwendungserfordernisse
Nur die Darstellung von Textblöcken muss auf bestimmte Weisen konfigurierbar sein.
Da sich Textblöcke als Absätze aus mehreren Sätzen wohl ausschließlich in Hauptinhalt befinden, müssen Konfigurationsangebote lediglich für den main-Bereich vorgesehen werden.
Nicht betroffen sind gewöhnlich:
- Überschriften
- Linklisten in Navigationselementen.
- Formularkomponenten als:
- Beschriftung von Steuerelementen
- Links und Links zu Anleitungen oder weiterführenden Informationen (z.B. Datenschutzrichtlinien).
- Hinweise, die lediglich aus einem einzigen Satz bestehen („Mit * gekennzeichnete Felder müssen Sie ausfüllen.“)
Diese Beschränkung der Anforderungen für visuelle Anpassbarkeit bedeutet nicht, dass nicht auch Steuerelemente visuell konfigurierbar sein können. Allerdings muss auch in optionalen Darstellungen eine visuelle Unterscheidbarkeit etwa durch Größe oder Farbdesign gewährleistet bleiben.
Vertikale Abstände
In der englischen Fassung der WCAG wird zur Erläuterung in Klammern der Ausdruck leading aus dem Fachjargon der Typographie verwendet. Das deutschsprachige Äquivalent lautet für die Typographie „Durchschuss“ oder „Zeilendurchschuss“.
Zielgruppen
Testverfahren
Maschinelle Prüfung
Eine Prüfung mit dem W3C HTML Validator sollte vor jeglicher Veröffentlichung einer Webseite erfolgen. Dieser Validator schlägt auch an, wenn ein img-Element über kein alt-Attribut verfügt. Ein fehlendes alt-Attribut bewirkt, dass ein Screen Reader zur Bildbeschreibung auf den Dateinamen aus dem src-Attribut zurückgreift, der selten aussagekräftig genug ist.
Tools, die explizit zur Prüfung der digitalen Barrierefreiheit dienen, bieten darüber hinaus keine Erkenntnisse. Noch gibt es keine künstliche Intelligenz, die den Bildinhalt im Kontext erkennen könnte.
Manuelle Prüfung
- Deaktiviere im Browser die Darstellung von Bildern und prüfe, ob die angezeigten Textalternativen hinreichend zum Verständnis von Inhalt und Funktionalität beitragen.
- Suche im Quelltext nach der Zeichenfolge
<imgund prüfe, ob der Wert imalt-Attribut einen Sinn ergibt. - Suche im Quelltext nach der Zeichenfolge
<alt=" "und prüfe, ob das derart verborgene Bild tatsächlich rein dekorativ ist. - Sieh dir im Browser Bilder und Grafiken an, die mittels CSS als Hintergrundgrafik eingeblendet sind. Sind diese jeweils rein dekorativ oder ist ein Textäquivalent vorhanden, das Inhalt oder Funktionalität angemessen beschreibt?
Es empfiehlt sich, zum Vergleich die Webseite auf einem anderen Rechner oder in einem anderen Browser parallel zu öffnen.
Prüfung durch betroffene Menschen (Peer Evaluation)
Blinde Menschen sind am meisten auf Alternativtexte angewiesen. Sie sind darüber hinaus überwiegend mit mangelhaften Alternativtexten konfrontiert. Vielfach ignorieren sie deshalb grundsätzlich Bilder beim Surfen.
Blinde Menschen können jedoch auch über den größten Erfahrungsschatz bei der Formulierung von Alternativtexten verfügen. Sie sollten daher unter folgenden Voraussetzungen bei der redaktionellen Einbettung von Bildern eingebunden werden:
- Blinde Testpersonen müssen technische und redaktionelle Anforderungen an textuelle Alternativen zu Bildern kennen. Als geschulte und erfahrene Prüfungsfachkräfte können sie bei der Formulierung von Alternativtexten zur Signifikanz und Prägnanz beitragen.
- Blinde Testpersonen benötigen zur Prüfung von Alternativtexten eine sehende Assistenzperson, die beschreibt, was auf einem Bild dargestellt ist. Assistenz ist auch erforderlich, wenn ein Bild redaktionell im Kontext oder technisch in der Reihenfolge der Elemente nicht adäquat dargestellt ist.