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-focusable
gus 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-focusable
faodar 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.
<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-hidden
agus visually-hidden-focusable
faodar a chleachdadh cuideachd mar mixins.
// Usage as a mixin
.visually-hidden-title {
@include visually-hidden;
}
.skip-navigation {
@include visually-hidden-focusable;
}