الفرق بين المراجعتين لصفحة: «Bootstrap/close icon»

من موسوعة حسوب
إنشاء الصفحة وإضافة محتواها
 
لا ملخص تعديل
سطر 1: سطر 1:
<noinclude>{{DISPLAYTITLE:أيقونة الإغلاق Close icon في إطار العمل Bootstrap}}</noinclude>
<noinclude>{{DISPLAYTITLE:أيقونة الإغلاق Close icon في إطار العمل Bootstrap}}</noinclude>
استخدم أيقونة إغلاق عامّة لتجاهل محتوى عناصر مثل النوافذ الشرطيّة Modals والتنبيهات Alerts.
استخدم أيقونة إغلاق عامّة لتجاهل محتوى عناصر مثل [[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">&times;</span>
</button>

مصادر