الفرق بين المراجعتين ل"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">
سطر 8: سطر 9:
 
</syntaxhighlight>
 
</syntaxhighlight>
 
== مصادر ==
 
== مصادر ==
* [https://getbootstrap.com/docs/4.0/utilities/close-icon/ صفحة Close icon في توثيق Bootstrap].
+
* [https://getbootstrap.com/docs/4.5/utilities/close-icon/ صفحة Close icon في توثيق Bootstrap].
[[تصنيف:Bootstrap]][[تصنيف:Bootstrap utilities]]
+
[[تصنيف:Bootstrap|{{SUBPAGENAME}}]]
 +
[[تصنيف:Bootstrap utilities|{{SUBPAGENAME}}]]

المراجعة الحالية بتاريخ 06:54، 14 يوليو 2020

استخدم أيقونة إغلاق عامّة لتجاهل محتوى عناصر مثل النوافذ الشرطيّة (modals) والتنبيهات (alerts).

تأكّد من تضمين نصّ لقارئات الشاشة مثل ما فعلنا باستخدام الخاصيّة aria-label.

<button type="button" class="close" aria-label="إغلاق">
  <span aria-hidden="true">&times;</span>
</button>

مصادر