CSS: screen-reader-content ​

.instui-screen-reader-content — Κρύβει οπτικά το περιεχόμενο ενώ το διατηρεί διαθέσιμο για βοηθητική τεχνολογία (το πρότυπο clip).

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>