قراء الشاشة

استخدم أدوات قارئ الشاشة لإخفاء العناصر الموجودة على جميع الأجهزة باستثناء قارئات الشاشة.

إخفاء عنصر لجميع الأجهزة باستثناء قارئات الشاشة ذات .sr-only. ادمج .sr-onlyمع .sr-only-focusableلإظهار العنصر مرة أخرى عند التركيز (على سبيل المثال بواسطة مستخدم لوحة المفاتيح فقط). يمكن أيضا أن تستخدم كخلطات.

<a class="sr-only sr-only-focusable" href="#content">Skip to main content</a>

// Usage as a mixin
.skip-navigation {
  @include sr-only;
  @include sr-only-focusable;
}