Techniken für WCAG 2.0

Zum Inhalt

-

F88: Fehler bei Erfolgskriterium 1.4.8, weil Text im Blocksatz ausgerichtet ist (sowohl links- als auch rechtsbündig ausgerichtet)

Anwendbarkeit

Alle Techniken.

Dieser Fehler bezieht sich auf:

Beschreibung

Viele Menschen mit kognitiven Behinderungen haben große Probleme mit Text im Blocksatz (Text, der sowohl rechts als auch links ausgerichtet ist). Die Zwischenräume zwischen den Worten führen zu sogenannten „rivers of white“, welche die Seite hinunterlaufen, wodurch es für manche Menschen erschwert wird, den Text zu lesen. Dieser Fehler beschreibt Situationen, bei denen dieses verwirrende Text-Layout auftritt. Der beste Weg, um dieses Problem zu vermeiden, ist es, kein Text-Layout im Blocksatz zu erstellen (ausgerichtet an sowohl den linken als auch rechten Rändern).

Beispiele

Fehler-Beispiel 1

Im folgenden Beispiel eines Fehlers wird das HTML align-Attribut benutzt, um Text im Blocksatz zu erstellen.

Code-Beispiel:

				
<p align="justify">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum sit amet pede. Phasellus 
nec sem id mauris vehicula tincidunt. Morbi ac arcu. Maecenas vehicula velit et orci. Donec 
ullamcorper porttitor velit. Sed arcu lorem, cursus sit amet, auctor eu, convallis ut, purus. 
Vivamus imperdiet accumsan nunc. Maecenas pellentesque nunc a libero. Vestibulum ante ipsum 
primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur pharetra commodo 
justo. Nulla facilisi. Phasellus nulla lacus, tempor quis, tincidunt ac, rutrum et, mauris.
</p>

Fehler-Beispiel 2

In diesem Beispiel eines Fehlers wird das CSS text-align-Property benutzt, um Text im Blocksatz zu erstellen.

Code-Beispiel:

				
...
p {text-align: justify}

...

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum sit amet pede. Phasellus 
nec sem id mauris vehicula tincidunt. Morbi ac arcu. Maecenas vehicula velit et orci. Donec 
ullamcorper porttitor velit. Sed arcu lorem, cursus sit amet, auctor eu, convallis ut, purus. 
Vivamus imperdiet accumsan nunc. Maecenas pellentesque nunc a libero. Vestibulum ante ipsum 
primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur pharetra commodo 
justo. Nulla facilisi. Phasellus nulla lacus, tempor quis, tincidunt ac, rutrum et, mauris.</p>

Tests

Vorgehensweise

  1. Öffnen Sie die Seite in einem gängigen Browser.

  2. Überprüfen Sie, ob Inhalte nicht im Blocksatz ausgerichtet sind (sowohl links- als auch rechtsbündig ausgerichtet.

Erwartete Ergebnisse