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>