Techniken für WCAG 2.0

Zum Inhalt

-

C20: Benutzung von relativen Maßen, um Spaltenbreiten festzulegen, so dass Zeilen durchschnittlich 80 Zeichen oder weniger haben, wenn der Browser in der Größe verändert wird

Anwendbarkeit

CSS

Die Technik bezieht sich auf:

Beschreibung

Der Zweck dieser Technik ist es sicherzustellen, dass CSS auf eine Art und Weise benutzt wird, die es Benutzern erlaubt, Inhalt auf eine solche Art anzusehen, dass die Zeilenlänge durchschnittlich 80 Zeichen oder weniger betragen kann. Dies ermöglicht es Benutzern mit bestimmten Lese- oder Sehbehinderungen, die Probleme damit haben, an der richtigen Stelle zu bleiben, wenn sie lange Textzeilen lesen, den Inhalt effizienter anzusehen und mit ihm effizienter zu interagieren. Diese Technik erlaubt es auch, dass die Spaltenbreite größer wird, wenn sich die Schriftgröße vergrößert, was die Gefahr verringert, dass Beschneidungen auftreten, wenn sich die Textgröße vergrößert.

Beachten Sie, dass diese Technik nicht vom Autor verlangt, CSS zu benutzen, um die Breite von Textzeilen auf 80 Zeichen oder weniger in der Standardansicht zu begrenzen. Vielmehr hilft die Empfehlung, relative Maße in CSS-Layouts zu benutzen, sicherzustellen, dass Autoren Spaltenbreiten nicht auf eine solche Art festlegen, dies es für Benutzer unmöglich machen, Inhalte mit Zeilenlängen von 80 Zeichen oder weniger anzusehen.

Beispiele

Beispiel 1

In diesem Beispiel wird die div-Breite in ems im Stylesheet festgelegt.

Anmerkung: Die CSS-Eigenschaft max-width wird in Versionen von Internet Explorer 6 und niedriger nicht unterstützt.

Code-Beispiel:

			#main_content {max-width: 70em}

Der Textblock würde innerhalb des div im Inhalt platziert

Code-Beispiel:

			<div id="main_content"> 
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing ...</p>
</div>

Beispiel 2

In diesem Beispiel wird die div-Breite in Prozent im Stylesheet festgelegt

Code-Beispiel:

			#main_content {width: 90%}

Der Textblock würde innerhalb des div im Inhalt platziert

Code-Beispiel:

			<div id="main_content"> 
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing ...</p>
</div>

Ressourcen

Ressourcen sind nur zu Informationszwecken und keine offizielle Empfehlung.

Tests

Vorgehensweise

  1. Testen Sie um zu sehen, ob die Spalten in einer relativen Einheit definiert wurden.

  2. Prüfen Sie, ob die Zeilenlänge auf 80 Zeichen oder weniger eingestellt werden kann, indem Sie das Browser-Fenster in der Größe verändern.

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.