Skip to content

CSS: screen-reader-content

.instui-screen-reader-content — Oculta visualmente o conteúdo mantendo-o disponível para tecnologias assistivas (padrão de recorte — clip).

Source: screen-reader-content.css

Acessibilidade

Mantém o texto na árvore de acessibilidade para leitores de tela enquanto o remove do layout visual.

Uso

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

Exemplos

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