Alle Techniken, die CSS unterstützen.
Dieser Fehler bezieht sich auf:
:before und :after werden nicht von IE7 und niedriger unterstützt
Die CSS Pseudo-Elemente :before und :after geben die Position von Inhalt vor und nach dem Inhalt des Dokumentenbaumes eines Elements an. Das content-Property gibt in Verbindung mit diesen Pseudo-Elementen an, was eingefügt wird. Bei Benutzern, die Formatierungsinformationen individuell anpassen oder ausschalten müssen, um Inhalte entsprechend ihrer Bedürfnisse anzusehen, kann es sein, dass assistierende Techniken nicht in der Lage sind, auf die Informationen zuzugreifen, die durch die Benutzung von CSS eingefügt werden. Daher ist es ein Fehler, diese Properties zu benutzen, um nicht-dekorativen Inhalt einzufügen.
Im folgenden Beispiel werden :before und :after benutzt, um den Wechsel des Sprechers anzuzeigen und um Anführungszeichen in ein Drehbuch einzufügen.
Das CSS enthält:
Code-Beispiel:
p.jim:before { content: "Jim: " }
p.mary:before { content: "Mary: " }
q:before { content: open-quote }
q:after { content: close-quote }Es wird in diesem Auszug benutzt:
Code-Beispiel:
<p class="jim">
<q>Do you think he's going to make it?</q>
</p>
<p class="mary">
<q>It's not looking good.</q>
</p>In diesem Beispiel wird :before benutzt, um Fakten von Meinungen zu unterscheiden.
Das CSS enthält:
Code-Beispiel:
p.fact:before { content: "Fact: "; font-weight: bold; }
p.opinion:before { content: "Opinion: "; font-weight: bold; }Es wird in diesem Auszug benutzt:
Code-Beispiel:
<p class="fact">
The defendant was at the scene of the crime when it occurred.
</p>
<p class="opinion">
The defendant committed the crime.
</p>Ressourcen sind nur zu Informationszwecken und keine offizielle Empfehlung.
Untersuchen Sie alle Inhalte, die durch die Benutzung der :before und :after Pseudo-Elemente und das content-Property eingefügt wurden
Prüfen Sie nach, ob der Inhalt dekorativ ist.
Wenn der eingefügte Inhalt nicht dekorativ ist, prüfen Sie, ob die Informationen assistierenden Techniken bereitgestellt werden und ob diese auch verfügbar sind, wenn CSS abgeschaltet wird.
Wenn die Tests #2 oder #3 falsch sind, dann trifft diese Fehlersituation zu und der Inhalt scheitert an diesem Erfolgskriterium.