الفرق بين المراجعتين لصفحة: «Bootstrap/close icon»
إنشاء الصفحة وإضافة محتواها |
لا ملخص تعديل |
||
سطر 1: | سطر 1: | ||
<noinclude>{{DISPLAYTITLE:أيقونة الإغلاق Close icon في إطار العمل Bootstrap}}</noinclude> | <noinclude>{{DISPLAYTITLE:أيقونة الإغلاق Close icon في إطار العمل Bootstrap}}</noinclude> | ||
استخدم أيقونة إغلاق عامّة لتجاهل محتوى عناصر مثل النوافذ الشرطيّة | استخدم أيقونة إغلاق عامّة لتجاهل محتوى عناصر مثل [[Bootstrap/modal|النوافذ الشرطيّة]] (modals) [[Bootstrap/alerts|والتنبيهات]] (alerts). | ||
'''تأكّد من تضمين نصّ لقارئات الشاشة''' مثل ما فعلنا باستخدام الخاصيّة <code>aria-label</code>. | '''تأكّد من تضمين نصّ لقارئات الشاشة''' مثل ما فعلنا باستخدام الخاصيّة <code>aria-label</code>. | ||
<syntaxhighlight lang="html"> | <syntaxhighlight lang="html"> | ||
سطر 9: | سطر 10: | ||
== مصادر == | == مصادر == | ||
* [https://getbootstrap.com/docs/4.0/utilities/close-icon/ صفحة Close icon في توثيق Bootstrap]. | * [https://getbootstrap.com/docs/4.0/utilities/close-icon/ صفحة Close icon في توثيق Bootstrap]. | ||
[[تصنيف:Bootstrap]][[تصنيف:Bootstrap utilities]] | [[تصنيف:Bootstrap]] | ||
[[تصنيف:Bootstrap utilities]] |
مراجعة 03:49، 14 أبريل 2018
استخدم أيقونة إغلاق عامّة لتجاهل محتوى عناصر مثل النوافذ الشرطيّة (modals) والتنبيهات (alerts).
تأكّد من تضمين نصّ لقارئات الشاشة مثل ما فعلنا باستخدام الخاصيّة aria-label
.
<button type="button" class="close" aria-label="إغلاق">
<span aria-hidden="true">×</span>
</button>