Skip to content

CSS: screen-reader-content

.instui-screen-reader-content — Visually hides content while keeping it available to assistive tech (the standard clip pattern).

Source: screen-reader-content.css

Accessibility

Keeps text in the accessibility tree for screen readers while removing it from the visual layout.

Usage

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

Examples

html
<span class="instui-screen-reader-content">Opens in a new window</span>
Opens in a new window