الفرق بين المراجعتين ل"Bootstrap/screenreaders"
اذهب إلى التنقل
اذهب إلى البحث
ط (استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}') |
|||
سطر 13: | سطر 13: | ||
== مصادر == | == مصادر == | ||
− | * [https://getbootstrap.com/docs/4. | + | * [https://getbootstrap.com/docs/4.5/utilities/screen-readers/ صفحة Screenreaders في توثيق Bootstrap]. |
[[تصنيف:Bootstrap|{{SUBPAGENAME}}]] | [[تصنيف:Bootstrap|{{SUBPAGENAME}}]] | ||
[[تصنيف:Bootstrap utilities|{{SUBPAGENAME}}]] | [[تصنيف:Bootstrap utilities|{{SUBPAGENAME}}]] |
المراجعة الحالية بتاريخ 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;
}