Discussion
The hero title cycles through السلام عليكم → Nahw School → Arabic Grammar on an infinite loop. This may cause issues for users with prefers-reduced-motion media query set, as continuously animating text can be distracting or even trigger vestibular disorders.
Recommendation:
- Check
window.matchMedia('(prefers-reduced-motion: reduce)').matches before starting the loop
- If reduced motion is preferred, display a static string (e.g.
Nahw School) with no animation
This aligns with WCAG 2.1 guideline 2.2.2 (Pause, Stop, Hide).
Priority: Medium — low effort fix, high accessibility impact.
Discussion
The hero title cycles through
السلام عليكم → Nahw School → Arabic Grammaron an infinite loop. This may cause issues for users withprefers-reduced-motionmedia query set, as continuously animating text can be distracting or even trigger vestibular disorders.Recommendation:
window.matchMedia('(prefers-reduced-motion: reduce)').matchesbefore starting the loopNahw School) with no animationThis aligns with WCAG 2.1 guideline 2.2.2 (Pause, Stop, Hide).
Priority: Medium — low effort fix, high accessibility impact.