CSS
Die Technik bezieht sich auf:
Der Modus „hoher Kontrast“ in Internet Explorer 6 verändert prozent-basierte Zeichensätze in verschachtelten Tabellen so in der Größe, dass sie zu groß sind. Firefox und spätere Versionen von IE verändern Zeichensätze im Modus „hoher Kontrast“ nicht in der Größe und haben dieses Problem nicht.
Das Ziel dieser Technik ist es, die Breite und/oder Höhe von Containern, die Text enthalten oder die Texteingaben akzeptieren, in em-Einheiten festzulegen. Dies erlaubt es Benutzeragenten, die Größenänderungen von Text unterstützen, die Text-Container inline durch Änderungen in den Einstellungen zur Textgrößen in der Größe zu verändern.
Bei Breite und/oder Höhe von Text-Containern, die durch die Benutzung anderer Einheiten festgelegt wurde, besteht das Risiko, dass Text beschnitten wird, da dieser außerhalb der Container-Grenzen liegt, wenn die Größe des Textes vergrößert wurde.
Die Container steuern im Allgemeinen die Platzierung des Textes innerhalb der Webseite und und können Layout-Elemente, strukturelle Elemente und Formular-Steuerelemente enthalten.
In diesem Beispiel wird ein div-Element mit dem id-Wert "nav_menu" benutzt, um das Navigationsmenü auf der linken Seite des Hauptinhaltsbereiches der Webseite zu positionieren. Das Navigationsmenü besteht aus einer Liste mit Textlinks mit dem id-Wert "nav_list." Die Textgröße für die Navigationslinks und die Breite des Containers sind in em-Einheiten angegeben.
Code-Beispiel:
#nav_menu { width: 20em; height: 100em }
#nav_list { font-size: 100%; }In diesem Beispiel haben die input-Elemente, die Text enthalten oder eine Texteingabe durch den Benutzer akzeptieren, den Klassennamen "form1" erhalten. CSS-Regeln werden angewendet, um die Schriftgröße in percent-Einheiten und die Breite für diese Elemente in em-Einheiten zu definieren. Dies ermöglicht es dem Text innerhalb des Formular-Steuerelements sich in der Größe zu verändern als Reaktion auf Änderungen in den Einstellungen zur Textgröße, ohne dass dieser abgeschnitten wird (da sich die Breite des Formular-Steuerelements selber auch entsprechend der Schriftgröße in der Größe verändert).
Code-Beispiel:
input.form1 { font-size: 100%; width: 15em; }In diesem Beispiel haben die select-Elemente den Klassennamen "pick" erhalten. CSS-Regeln werden angewendet, um die Schriftgröße in percent-Einheiten und die Breite in em-Einheiten zu definieren. Dies ermöglicht es dem Text innerhalb des Formular-Steuerelements sich in der Größe zu verändern als Reaktion auf Änderungen in den Einstellungen zur Textgröße, ohne dass dieser abgeschnitten wird.
Code-Beispiel:
input.pick { font-size: 100%; width: 10em; }In diesem Beispiel haben die input-Elemente, die Kontrollkästchen oder Radiobuttons definieren, den Klassennamen "choose" erhalten. CSS-Regeln werden angewendet, um die Breite und Höhe für diese Elemente in em-Einheiten zu definieren. Dies ermöglicht es dem Formular-Steuerelement, sich in der Größe zu verändern als Reaktion auf Änderungen in den Einstellungen zur Textgröße.
Code-Beispiel:
input.choose { width: 1.2em; height: 1.2em; }Identifizieren Sie Container, die Text enthalten oder eine Texteingabe erlauben.
Prüfen Sie, ob die Breite und/oder Höhe des Containers in em-Einheiten angegeben wurde.
Test #2 ist 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.