Tīpoka ki te ihirangi matua Tīpoka ki te whakaterenga tuhinga
Check
in English

Huna kanohi

Whakamahia enei kaiawhina ki te huna i nga huānga engari kia mau ki nga hangarau awhina.

Huna kanohi tetahi huānga me te tuku tonu kia kitea ki nga hangarau awhina (penei i nga panui mata) me te .visually-hidden. Whakamahia .visually-hidden-focusablehei huna kanohi i tetahi huānga ma te taunoa, engari hei whakaatu i te wa e arotahi ana (hei tauira ma te kaiwhakamahi papapātuhi-anake). .visually-hidden-focusableka taea hoki te tono ki te ipu–me mihi ki :focus-withinte , ka whakaatuhia te ipu ina ka aro tetahi huānga tamaiti o te ipu.

Taitara mo nga kaipānui mata

Tīpoka ki te ihirangi matua
He ipu me te huānga arotahi .
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>

Ka taea hoki te whakamahi hei ranunga visually-hidden.visually-hidden-focusable

// Usage as a mixin

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

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