visually-hidden
visually-hidden ist ein verbreiteter CSS-Klassenname für Text, der per Stylesheet aus dem sichtbaren Layout genommen wird, für Screenreader aber lesbar bleibt. Der Name bezeichnet keinen eigenen Mechanismus, sondern das Muster, das dieses Glossar unter „Visuell versteckter Text (sr-only)“ erklärt. Technischer Kern ist ein kleiner Regelblock: position:absolute, eine Box von einem Pixel Größe, overflow:hidden und ein Zuschnitt über clip-path. Bewusst fehlen display:none und visibility:hidden, denn beide verbergen Inhalte auch vor assistiven Technologien. Denselben Regelblock führen Frameworks und Utility-Bibliotheken unter je eigenem Namen, häufig auch als sr-only. Selbst das W3C schreibt den Namen nicht einheitlich: Die WCAG-Technik C7 nennt die Klasse visually-hidden, das WAI-Tutorial zu Formularbeschriftungen visuallyhidden. Einen standardisierten Klassennamen oder ein verbindliches Referenz-CSS gibt es nicht. Die Schnipsel unterscheiden sich je nach Quelle im Detail; C7 etwa führt das ältere clip und das neuere clip-path parallel. Fehlanwendung Nummer eins: die Klasse für Inhalte, die niemand erhalten soll. Dort gehört display:none hin.