قارئات الشاشة Screenreaders في إطار العمل Bootstrap
اذهب إلى التنقل
اذهب إلى البحث
استخدم أدوات قارئات الشاشة التي يقدّمها إطار العمل Bootstrap لإخفاء العناصر على جميع الأجهزة ما عدا قارئات الشاشة.
يُستخدَم الصنف .sr-only
لإخفاء عنصُر على جميع الأجهزة ما عدا قارئات الشاشة. استخدم الصنف .sr-only-focusable
إلى جانب الصنف .sr-only
لإظهار العنصُر مرةً أخرى عند تلقّيه المؤشّر (مثلًا بالنسبة للزوّار الذين يستخدمون لوحة المفاتيح فقط). يتوافر الصنفان بصيغة المخاليط في Sass أيضًا.
<a class="sr-only sr-only-focusable" href="#content">الانتقال إلى المحتوى الرئيسيّ</a>
// استخدام المخلوط
.skip-navigation {
@include sr-only;
@include sr-only-focusable;
}