content-Anweisungen
(Materialsammlung)
Testszenarien
Folgende Fragestellungen können anhand dieser Testdatei überprüft werden:
- Wie stellen Browser das Element dar?
- Wie verhalten sich Screen Reader in unterschiedlichen Browsern?
Über diese Testdatei
Die Darstellung entspricht den Vorgaben des Browsers, sofern nicht anders angegeben.
::before > content: "Fehler: "
Das ist kein gültiger Wert!
Beobachtungen
Chrome und Firefox blenden den Text vor dem Element ein und JAWS liest ihn ganz normal vor.
::before > content: "\26A0 "
Achtung Baustelle
Beobachtungen
JAWS liest den Unicode-Wert vor.
::after > content: url[Bildpfad]
Beobachtungen
Chrome und Firefox blenden den Text vor dem Element ein und JAWS liest ihn ganz normal vor.
::after > content: [SVG-Anweisungen]
Mehr Informationen
Beobachtungen
Die SVG-Anweisungen müssen allesamt in der Zeile von content: bleiben. Der Screen Reader ignoriert das Bild ohne Titel/Alternativtext.
content: mit Alternativtext
Beobachtungen
- JAWS liest den Text hinter dem / vor.
- Ist der Text leer (/ „“) wird das Bild vom Screen Reader als rein dekorativ eingestuft.