الفرق بين المراجعتين ل"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"> | ||
سطر 8: | سطر 9: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
== مصادر == | == مصادر == | ||
− | * [https://getbootstrap.com/docs/4. | + | * [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">×</span>
</button>