إيه الفرق؟
الشارة أم الشريحة
الفارق هو الملكية والتفاعل. الشارة ملتصقة بعنصر آخر وتصفه: رقم فوق أيقونة، أو نقطة تدلّ على وجود جديد. لا تُضغط ولا تُحذف. الشريحة تقف بذاتها وتُضغط: تُرشّح، أو تُختار، أو تُزال بزرّها الصغير.
اسأل نفسك سؤالاً واحداً
لو شلت العنصر اللي جنبه، هل الحاجة دي يبقى ليها معنى لوحدها؟
الاسم المقروء للجرس: «الإشعارات، 3 إشعارات غير مقروءة»الإشعارات، 3 إشعارات غير مقروءة. الرسائل، 128 رسالة غير مقروءة. الحساب، يوجد نشاط جديد.الشارة نفسها ليست زرّاً، والضغط عليها يمرّ إلى الأيقونة تحتها.
RTLالشارة تنتقل إلى ركن النهاية المنطقية، والرقم معزول بـ dir="ltr"
الشارة
Badgerole="status" / badgeContentاستخدمه لما
عدّاد الرسائل غير المقروءة فوق أيقونة البريد، أو نقطة «جديد» على عنصر قائمة، أو حالة «مسودّة» على صفّ في جدول.
المدخل الكاملتصفية النتائج
الكلمات المفتاحية
تصميمإتاحةReact 18
RTLسهم اليمين ينتقل للشريحة السابقة، والـ × عند النهاية المنطقية
الشريحة
Chip / Tag<button> / role="option"استخدمه لما
مرشّحات نشطة يمكن إزالتها، أو وسوم مضافة في حقل، أو خيارات تُختار بالضغط من مجموعة.
المدخل الكاملالخطأ الكلاسيكي
شارة بعدد فقط بلا اسم مقروء. قارئ الشاشة ينطق «٣» بجوار «البريد» ولا يوضّح ثلاثة ماذا، والصواب اسم كامل مثل «ثلاث رسائل غير مقروءة».
مقارنات أخرى
الإشعار العائم أم النافذة الحواريةمربّع الاختيار أم مفتاح التبديلمربّع الاختيار أم مجموعة أزرار الاختيارالتنبيه أم الإشعار العائممؤشّر التقدّم أم هيكل التحميلحقل الإكمال التلقائي أم القائمة المنسدلةالدرج الجانبي أم الورقة السفليةالتبويبات أم مؤشّر الخطواتالتبويبات أم الأقسام المطويةمسار التنقّل أم مؤشّر الخطواتالتلميح أم القائمة المنسدلةالأقسام المطوية أم القائمة المنسدلة