ናብ ቀንዲ ትሕዝቶ ዘልል ናብ docs navigation ዘልል
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;
}