عرض الوسائط

يُعد عارض الوسائط مكونًا قابلًا لإعادة الاستخدام يُستخدم لعرض الصور أو مقاطع الفيديو ضمن تخطيط أفقي قابل للتمرير. ويوفر نظام تصميم الشارقة ثلاثة أنماط مختلفة لهذا المكون، مما يتيح عرض المحتوى المرئي بطريقة متسقة عبر مختلف الاستخدامات مع الحفاظ على نمط تفاعل موحد.

الغرض من الاستخدام

  • عرض الصور أو مقاطع الفيديو ضمن مساحة محدودة.
  • إبراز معارض الوسائط، أو الحملات، أو المحتوى المميز.
  • دعم السرد البصري دون التأثير على بساطة الصفحة.
  • عرض مجموعة من الوسائط المرتبطة ضمن تسلسل منظم.

تجنب استخدام عارض الوسائط للمحتوى المهم الذي يجب أن يكون ظاهرًا دائمًا للمستخدم.

مكونات عارض الوسائط

  • عارض الوسائط – يعرض مجموعة من الوسائط ضمن تخطيط أفقي بعرض كامل أو داخل حاوية.
  • صورة ثابتة – يعرض صورة واحدة بتخطيط أفقي.
  • عارض وسائط مصغّر – يعرض بطاقتين في كل صف ضمن تخطيط التمرير الأفقي.

إرشادات إمكانية الوصول

  • يجب أن تكون جميع عناصر التحكم قابلة للاستخدام عبر لوحة المفاتيح.
  • احرص على توفير نصوص بديلة لجميع الصور.
  • تجنب التشغيل التلقائي لمقاطع الفيديو المصحوبة بالصوت.
  • وفّر مؤشرات تركيز (Focus) واضحة للعناصر التفاعلية.

السلوك الموصى به في التصميم المتجاوب

  • يتناسب عارض الوسائط مع عرض الشاشة دون اقتطاع المحتوى المهم.
  • يدعم إيماءات اللمس على الأجهزة المحمولة.
  • تحافظ الوسائط على نسبة أبعادها عند جميع نقاط التوقف (Breakpoints).