تُعد الشارات عناصر بصرية صغيرة تُستخدم لإبراز الحالات، أو التصنيفات، أو المعلومات المختصرة ذات الصلة. ويوفر نظام تصميم الشارقة أسلوبًا موحدًا وواضحًا لاستخدام الشارات، بما يساعد على لفت الانتباه إلى المعلومات المهمة دون التأثير على وضوح الواجهة.
الغرض من الاستخدام
توضيح الحالة، مثل: نشط، قيد الانتظار، أو مكتمل.
إبراز التصنيفات أو الوسوم.
عرض الأعداد أو التسميات المختصرة.
توفير مؤشرات بصرية سريعة داخل الجداول، أو البطاقات، أو القوائم.
ينبغي استخدام الشارات باعتدال، وأن تقتصر على عرض معلومات مختصرة وذات معنى.
السلوك التفاعلي
تكون الشارات عادةً غير تفاعلية.
إذا كانت الشارة قابلة للنقر، فيجب توفير حالات تحويم (Hover) وتركيز (Focus) واضحة.
تجنب استخدام الشارات كوسيلة لتنفيذ الإجراءات الرئيسية.
إرشادات إمكانية الوصول
احرص على توفير تباين لوني كافٍ بين النص والخلفية.
لا تعتمد على اللون وحده لنقل المعنى.
استخدم تسميات نصية واضحة تصف الحالة بدقة.
احرص على أن يكون حجم النص مناسبًا وسهل القراءة لجميع المستخدمين.
السلوك الموصى به في التصميم المتجاوب
ينبغي أن تتناسب الشارات مع حجم المحتوى المحيط بها بشكل طبيعي.
حافظ على وضوح الشارات وسهولة قراءتها على جميع أحجام الشاشات.
