ወደ ዋናው ይዘት ዝለል ወደ ሰነዶች ዳሰሳ ዝለል
Check
in English

በእይታ ተደብቋል

ኤለመንቶችን በእይታ ለመደበቅ እነዚህን ረዳቶች ይጠቀሙ ነገር ግን ለረዳት ቴክኖሎጂዎች ተደራሽ እንዲሆኑ ያድርጉ።

አንድን አካል አሁንም ለረዳት ቴክኖሎጂዎች (እንደ ስክሪን አንባቢዎች) እንዲጋለጥ በመፍቀድ ደብቅ .visually-hidden.visually-hidden-focusableበነባሪነት አንድን ኤለመንትን በእይታ ለመደበቅ ተጠቀም ፣ ነገር ግን ሲያተኩር ለማሳየት (ለምሳሌ በቁልፍ ሰሌዳ-ብቻ ተጠቃሚ)። .visually-hidden-focusableበመያዣው ላይም ሊተገበር ይችላል - ምስጋና ይግባውና :focus-withinመያዣው ማንኛውም የሕፃን ንጥረ ነገር ትኩረት በሚሰጥበት ጊዜ ይታያል።

ርዕስ ለስክሪን አንባቢዎች

ወደ ዋናው ይዘት ዝለል
የሚያተኩር አካል ያለው መያዣ .
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>

ሁለቱም visually-hiddenእና visually-hidden-focusableእንዲሁም እንደ ድብልቅ ጥቅም ላይ ሊውሉ ይችላሉ.

// Usage as a mixin

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

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