Skip to content

CSS: screen-reader-content

.instui-screen-reader-content — Masque visuellement le contenu tout en le gardant disponible pour les technologies d'assistance (le modèle de découpe standard).

Source: screen-reader-content.css

Accessibilité

Conserve le texte dans l'arbre d'accessibilité pour les lecteurs d'écran tout en le retirant de la mise en page visuelle.

Utilisation

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

Exemples

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