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