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;
}