CSS: screen-reader-content ​

.instui-screen-reader-content — 視覚的にコンテンツを隠しつつ、支援技術が利用できるように維持します（標準的なクリップパターン）。

Source: screen-reader-content.css

アクセシビリティ ​

テキストを視覚レイアウトからは除外しつつ、スクリーンリーダー向けのアクセシビリティツリーに保持します。

使用法 ​

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

例 ​

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