in English
Sjónrænt falið
Notaðu þessa hjálpara til að fela þætti sjónrænt en halda þeim aðgengilegum hjálpartækjum.
Fela þátt sjónrænt en samt leyfa honum að verða fyrir hjálpartækni (eins og skjálesurum) með .visually-hidden
. Notaðu .visually-hidden-focusable
til að fela frumefni sjálfgefið, en til að birta það þegar það er með fókus (td af notanda sem er eingöngu með lyklaborð). .visually-hidden-focusable
er einnig hægt að nota á ílát – þökk sé :focus-within
, ílátið birtist þegar einhver undirþáttur ílátsins fær fókus.
<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>
Bæði visually-hidden
og visually-hidden-focusable
einnig hægt að nota sem mixins.
// Usage as a mixin
.visually-hidden-title {
@include visually-hidden;
}
.skip-navigation {
@include visually-hidden-focusable;
}