الدرس 7 من 8

عارض شرائح

هدف الدرس

يدور، ويعلن موضعه

01

الشرح

عارض الشرائح يُظهر شريحة واحدة وزرّين للتنقّل، ويدور: «التالي» بعد الأخيرة يعود إلى الأولى، و«السابق» قبل الأولى يذهب إلى الأخيرة.

ومن لا يرى الشاشة يحتاج أن يعرف أين هو. مؤشّر «2 من 4» داخل منطقة aria-live="polite" يُقرأ بعد كل انتقال، فيعرف المستخدم موضعه وعدد الشرائح معًا.

الفخّ: باقي القسمة في JavaScript يحفظ الإشارة: -1 % 4 يساوي -1 لا 3. فالرجوع من الأولى يحتاج (i + n) % n.

02

المطلوب

اجعل #next و#prev يُظهران الشريحة التالية والسابقة بالدوران، مع hidden على البقية. واكتب الموضع في #status بالصيغة 3 من 4، واجعله منطقة aria-live="polite".

معايير التصحيح

6 معايير
  1. شريحة واحدة ظاهرة، وهي الأولى
  2. «التالي» يُظهر الشريحة التالية وحدها
  3. المؤشّر يعلن الموضع «3 من 4»
  4. «التالي» بعد الأخيرة يعود إلى الأولى
  5. «السابق» قبل الأولى يذهب إلى الأخيرة
  6. المؤشّر منطقة حيّة
03

تلميحات

0/3
index.html
المعاينة
index.html100%
–/6

اضغط «تشغيل» ليبدأ الفحص.

6 معايير في بطاقة «المطلوب».