CSS: screen-reader-content ​

.instui-screen-reader-content — Blendet Inhalte visuell aus, hält sie aber für Hilfstechnologien zugänglich (das standardmäßige Clip‑Muster).

Source: screen-reader-content.css

Barrierefreiheit ​

Behält den Text im Zugänglichkeitsbaum für Screenreader bei, während er aus dem visuellen Layout entfernt wird.

Verwendung ​

css
@import "@pantoken/components/components.css";

Beispiele ​

html
<a class="instui-link" href="#examples" target="_blank">example</a>
<span class="instui-screen-reader-content">Opens in a new window</span>