Ale nan kontni prensipal la Ale nan navigasyon dokiman yo
in English

Vizyèlman kache

Sèvi ak èd sa yo pou kache eleman vizyèlman men kenbe yo aksesib a teknoloji asistans.

Vizyèlman kache yon eleman pandan y ap pèmèt li ekspoze a teknoloji asistans (tankou lektè ekran) ak .visually-hidden. Sèvi ak .visually-hidden-focusablepou kache yon eleman vizyèlman pa default, men pou montre li lè li konsantre (egzanp pa yon itilizatè klavye sèlman). .visually-hidden-focusableka aplike tou nan yon veso–gras a :focus-within, veso a ap parèt lè nenpòt eleman timoun nan veso a resevwa konsantre.

Tit pou lektè ekran yo

Ale nan kontni prensipal la
Yon veso ki gen yon eleman konsantre .
<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>

Tou de visually-hiddenepi visually-hidden-focusableyo ka itilize tou kòm mixins.

// Usage as a mixin

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

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