انتقل إلى محتوى الدرس

Counter Badges in Buttons عدادات العناصر داخل الأزرار

أتقن تصميم الشارات في بوتستراب 5.3 بدايةً من التحجيم النسبي داخل العناوين والتلوين المتباين عبر text-bg والشارات الكبسولية وصولاً إلى عدادات الأزرار وإشعارات الزوايا.
2 صفوف تعليمية
بوتستراب 5
1 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

عند إدراج شارة رقمية داخل زر إجراءات — مثل زر «صندوق الوارد 4» — يبدو الرقم واضحاً للمبصرين، لكن قارئات الشاشة ستنطق «صندوق الوارد أربعة» دون تفسير معنى الرقم! لذلك يوجب معيار الإتاحة إتباع الرقم بعنصر <span class="visually-hidden"> يوضح السياق الدلالي مثل «رسائل غير مقروءة».

الصف 2 ملاحظة هامة