اختبار الوحدة: التصميم البصري والمحتوى

السؤال 1 من 5

• لا، كل النصوص تحتاج إلى 4.5:1
• لا، العناوين تحتاج إلى 7:1
• نعم؛ 24px تُعدّ نصًا كبيرًا، والنص الكبير يحتاج إلى 3:1
• نعم، لأن العناوين مستثناة من اشتراطات التباين

السؤال 2 من 5

• لا؛ المحتوى الذي يحتاج إلى بُعدين، مثل جداول البيانات، مستثنى، ما دامت بقية الصفحة يُعاد تدفّقها
• نعم؛ لا يجوز أن يتمرّر أي شيء أفقيًا أبدًا
• نعم، ما لم يُستبدل الجدول بصورة

السؤال 3 من 5

<input id="q" placeholder="Search events" aria-labelledby="go">
<button id="go">Search</button>

• “Search events”
• لا اسم، لأن aria-labelledby لا يمكن أن تشير إلى زر
• “Search events Search”
• “Search”

السؤال 4 من 5

• لا شيء؛ الـ parallax ينطلق بتمرير المستخدم نفسه، فهو مقبول
• داخل media query من نوع prefers-reduced-motion: reduce، أوقف الـ parallax واعرض خلفية ثابتة
• اعرض نافذة حوار تسأل المستخدم إن كان يريد الحركات

السؤال 5 من 5

• <html lang="en" dir="rtl">
• <html lang="ar"> فقط، مع direction: rtl في CSS
• <html dir="auto">
• <html lang="ar" dir="rtl">