قارئات الشاشة Screenreaders في إطار العمل Bootstrap

من موسوعة حسوب
مراجعة 08:38، 13 يوليو 2020 بواسطة محمد-بغات (نقاش | مساهمات)
(فرق) → مراجعة أقدم | المراجعة الحالية (فرق) | مراجعة أحدث ← (فرق)

استخدم أدوات قارئات الشاشة التي يقدّمها إطار العمل 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;
}

مصادر