Rach gu prìomh shusbaint Air adhart gu seòladh docs
Check
in English

Falaichte gu fradharcach

Cleachd an luchd-cuideachaidh seo gus eileamaidean fhalach gu fradharcach ach cùm iad ruigsinneach do theicneòlasan cuideachaidh.

Cuir am falach eileamaid gu fradharcach fhad ‘s a tha e fhathast a’ leigeil leis a bhith fosgailte do theicneòlasan cuideachaidh (leithid leughadairean sgrion) le .visually-hidden. Cleachd .visually-hidden-focusablegus eileamaid fhalach gu bunaiteach, ach airson a thaisbeanadh nuair a tha e ag amas (me le cleachdaiche meur-chlàr a-mhàin). .visually-hidden-focusablefaodar a chuir air soitheach cuideachd - le taing dha :focus-within, thèid an soitheach a thaisbeanadh nuair a gheibh pàirt leanabh sam bith den ghobhar fòcas.

Tiotal airson leughadairean sgrion

Rach gu prìomh shusbaint
Soitheach le eileamaid fòcasach .
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>

An dà chuid visually-hiddenagus visually-hidden-focusablefaodar a chleachdadh cuideachd mar mixins.

// Usage as a mixin

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

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