CSS
Die Technik bezieht sich auf:
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.
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>
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 sind nur zu Informationszwecken und keine offizielle Empfehlung.
Testen Sie um zu sehen, ob die Spalten in einer relativen Einheit definiert wurden.
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.
Tests #1 und #2 sind wahr.
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.