Techniken für WCAG 2.0

Zum Inhalt

-

C21: Festlegung des Zeilenabstands in CSS

Anwendbarkeit

Alle Techniken, die CSS unterstützen

Die Technik bezieht sich auf:

Beschreibung

Viele Menschen mit kognitiven Behinderungen haben Probleme damit, Textzeilen zu folgen, wenn ein Textblock einen einfachen Zeilenabstand hat. Die Bereitstellung eines Abstands zwischen 1,5 bis 2 erlaubt es ihnen, eine neue Zeile leichter zu beginnen, sobald sie die vorhergehende beendet haben.

Beispiele

Beispiel 1

Das Element auf eine Zeilenhöhe von 1,5 einstellen. Legen Sie im Stylesheet die Charakteristika des Elements fest.

Code-Beispiel:

			p { line-height: 150%; }

Im Inhalt wird das Element nun das gesamte Dokument hindurch einen 1,5-fachen Zeilenabstand haben.

Code-Beispiel:

			<p> Lorem ipsum dolor sit …  </p>

Beispiel 2

Eine Klasse auf eine Zeilenhöhe von 1,5 einstellen (1,5-facher Zeilenabstand). Definieren Sie die Klasse im Stylesheet.

Code-Beispiel:

			p.tall {line-height:150%}

Rufen Sie die Klasse im Inhalt auf.

Code-Beispiel:

			<p class="tall"> Lorem ipsum dolor sit …  </p>

Beispiel 3

Eine Klasse auf einen 2-fachen Zeilenabstand festlegen. Definieren Sie die Klasse im Stylesheet.

Code-Beispiel:

			p.tall {line-height:200%}

Rufen Sie die Klasse im Inhalt auf.

Code-Beispiel:

			<p class="tall"> Lorem ipsum dolor sit …  </p>

Tests

Vorgehensweise

  1. Öffnen Sie Inhalte in einem Browser.

  2. Prüfen Sie, ob der Abstand zwischen Zeilen in Textblöcken zwischen 1,5 und 2 liegt.

Erwartete Ergebnisse

Wenn dies eine ausreichende Technik für ein Erfolgskriterium ist, dann bedeutet das Scheitern an diesem Testverfahren nicht zwangsläufig, dass das Erfolgskriterium nicht auf irgendeine andere Art und Weise erfüllt wurde, sondern nur, diese Technik nicht erfolgreich implementiert wurde und nicht benutzt werden kann, um die Konformität zu erklären.