in English
දෘශ්යමය වශයෙන් සැඟවී ඇත
මූලද්රව්ය දෘශ්යමය වශයෙන් සැඟවීමට මෙම සහායකයින් භාවිතා කරන්න, නමුත් ඒවා සහායක තාක්ෂණයන්ට ප්රවේශ විය හැකි ලෙස තබා ගන්න.
මූලද්රව්යයක් දෘශ්යමය වශයෙන් සඟවන්න, එය තවමත් සහායක තාක්ෂණයන්ට (තිර කියවනය වැනි) නිරාවරණය වීමට ඉඩ සලසමින් .visually-hidden
. .visually-hidden-focusable
පෙරනිමියෙන් මූලද්රව්යයක් දෘශ්යමය වශයෙන් සැඟවීමට භාවිතා කරන්න , නමුත් එය නාභිගත වූ විට එය සංදර්ශන කිරීමට (උදා: යතුරුපුවරුව පමණක් භාවිතා කරන්නෙකු විසින්). .visually-hidden-focusable
කන්ටේනරයකට ද යෙදිය හැක - ස්තුතිය :focus-within
, බහාලුම්වල ඕනෑම ළමා අංගයක් අවධානයට ලක් වූ විට බහාලුම දර්ශනය වනු ඇත.
<h2 class="visually-hidden">Title for screen readers</h2>
<a class="visually-hidden-focusable" href="#content">Skip to main content</a>
<div class="visually-hidden-focusable">A container with a <a href="#">focusable element</a>.</div>
දෙකම visually-hidden
සහ visually-hidden-focusable
මික්සින් ලෙසද භාවිතා කළ හැක.
// Usage as a mixin
.visually-hidden-title {
@include visually-hidden;
}
.skip-navigation {
@include visually-hidden-focusable;
}