Fara í aðalefni Farðu í skjalaleiðsögn
Check
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-focusabletil 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-focusableer einnig hægt að nota á ílát – þökk sé :focus-within, ílátið birtist þegar einhver undirþáttur ílátsins fær fókus.

Titill fyrir skjálesara

Fara í aðalefni
Ílát með einbeitanlegum þætti .
html
<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-hiddenog visually-hidden-focusableeinnig hægt að nota sem mixins.

// Usage as a mixin

.visually-hidden-title {
  @include visually-hidden;
}

.skip-navigation {
  @include visually-hidden-focusable;
}