Rekọja si akoonu akọkọ Rekọja si lilọ kiri awọn docs
Check
in English

Oju farasin

Lo awọn oluranlọwọ wọnyi lati tọju awọn eroja ni oju ṣugbọn jẹ ki wọn wa si awọn imọ-ẹrọ iranlọwọ.

Ni wiwo tọju nkan kan lakoko ti o tun ngbanilaaye lati farahan si awọn imọ-ẹrọ iranlọwọ (bii awọn oluka iboju) pẹlu .visually-hidden. Lo .visually-hidden-focusablelati fi oju pamọ nkan kan nipasẹ aiyipada, ṣugbọn lati ṣafihan nigbati o ba dojukọ (fun apẹẹrẹ nipasẹ olumulo keyboard-nikan). .visually-hidden-focusablele tun ti wa ni loo si a eiyan–o ṣeun si :focus-within, awọn eiyan yoo wa ni han nigbati eyikeyi ọmọ ano ti awọn eiyan gba idojukọ.

Akọle fun awọn oluka iboju

Rekọja si akoonu akọkọ
Apoti kan pẹlu eroja ti o ni idojukọ .
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>

Mejeeji visually-hiddenati visually-hidden-focusablepe o tun le ṣee lo bi mixins.

// Usage as a mixin

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

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