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-focusable
pou kache yon eleman vizyèlman pa default, men pou montre li lè li konsantre (egzanp pa yon itilizatè klavye sèlman). .visually-hidden-focusable
ka aplike tou nan yon veso–gras a :focus-within
, veso a ap parèt lè nenpòt eleman timoun nan veso a resevwa 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-hidden
epi visually-hidden-focusable
yo ka itilize tou kòm mixins.
// Usage as a mixin
.visually-hidden-title {
@include visually-hidden;
}
.skip-navigation {
@include visually-hidden-focusable;
}