:empty (Selektor für CSS)
(Materialsammlung)
Metainformationen
Testszenarien
Folgende Fragestellungen können anhand dieser Testdatei überprüft werden:
- Wie stellen Browser leere Elemente dar?
- Wie verhalten sich Screen Reader in unterschiedlichen Browsern bei leeren Elementen?
- Wie verhalten sich Prüfwerkzeuge?
Über diese Testdatei
Diese Datei enthält CSS-Anweisungen im Kopfbereich zur visuellen Darstellung von Testbereichen (Gelber Hintergrund).
Zum Verbergen von leeren Elementen wird im HTML-head eine CSS-Klasse hide-empty festgelegt.
Die Darstellung entspricht ansonsten den Vorgaben des Browsers, sofern nicht anders angegeben.
Fazit
- Der Selektor
:emptywirkt sich nur auf Elemente aus, die über einen völlig leeren String verfügen, also auch ohne Leerzeichen. - JAWS ignoriert leere Überschriften gänzlich.
Absolut leerer String in H3
Beobachtungen
- JAWS ignoriert eine völlig leere Überschrift.
- WAVE findet eine empty heading.
Leerzeichen in H3 und hide-empty
Beobachtungen
- JAWS ignoriert eine leere Überschrift mit Leerzeichen.
- WAVE findet eine empty heading.