in English
ብዓይኒ ተሓቢኡ
ነዞም ሓገዝቲ ተጠቒምካ ባእታታት ብዓይኒ ምሕባእ ግን ከኣ ንሓገዝቲ ቴክኖሎጂታት ተበጻሕቲ ምግባር።
ንሓደ ባእታ ብዓይኒ ምሕባእ ገና ንሓገዝቲ ቴክኖሎጂታት (ከም ስክሪን ሪደር) ክቃላዕ እናፈቐድካ ብ .visually-hidden
. .visually-hidden-focusable
ንሓደ ባእታ ብነባሪ ብዓይኒ ንምሕባእ ተጠቐም ፣ ግን ከኣ ትኹረት ምስ ዝግበረሉ ንምርኣይ (ንኣብነት ብናይ ቁልፊ ሰሌዳ ጥራይ ተጠቃሚ)። .visually-hidden-focusable
ኣብ ሓደ መትሓዚ እውን ክውዕል ይኽእል–ሳላ :focus-within
፣ ዝኾነ ውላድ ባእታ ናይቲ መትሓዚ ትኹረት ምስ ዝቕበል እቲ መትሓዚ ክረአ እዩ።
<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>
ክልቲኦምን ከም ሚክሲን visually-hidden
እውን visually-hidden-focusable
ክጥቀሙ ይኽእሉ እዮም።
// Usage as a mixin
.visually-hidden-title {
@include visually-hidden;
}
.skip-navigation {
@include visually-hidden-focusable;
}