الدرس 7 من 8
عارض شرائح
- 15 دقيقة
- 6 معايير للتصحيح
- 3 تلميحات
- إلى المطلوب
هدف الدرس
يدور، ويعلن موضعه
الشرح
عارض الشرائح يُظهر شريحة واحدة وزرّين للتنقّل، ويدور: «التالي» بعد الأخيرة يعود إلى الأولى، و«السابق» قبل الأولى يذهب إلى الأخيرة.
ومن لا يرى الشاشة يحتاج أن يعرف أين هو. مؤشّر «2 من 4» داخل منطقة aria-live="polite" يُقرأ بعد كل انتقال، فيعرف المستخدم موضعه وعدد الشرائح معًا.
الفخّ: باقي القسمة في JavaScript يحفظ الإشارة: -1 % 4 يساوي -1 لا 3. فالرجوع من الأولى يحتاج (i + n) % n.
المطلوب
اجعل #next و#prev يُظهران الشريحة التالية والسابقة بالدوران، مع hidden على البقية. واكتب الموضع في #status بالصيغة 3 من 4، واجعله منطقة aria-live="polite".
معايير التصحيح
6 معايير- شريحة واحدة ظاهرة، وهي الأولى
- «التالي» يُظهر الشريحة التالية وحدها
- المؤشّر يعلن الموضع «3 من 4»
- «التالي» بعد الأخيرة يعود إلى الأولى
- «السابق» قبل الأولى يذهب إلى الأخيرة
- المؤشّر منطقة حيّة