الفرق بين المراجعتين لصفحة: «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>

مصادر