🎓

EduTech LMS – Accessibility Demo

Two versions of the same learning management system. The first demonstrates common accessibility failures; the second shows how the same interface can be redesigned to meet WCAG 2.2 standards.

⚠️

Inaccessible Version

This version of the LMS contains ten deliberate accessibility failures across the login and dashboard pages. Use the red audit panel to identify each issue and the WCAG criterion it violates.

Poor contrast No labels No keyboard nav Dyslexia unfriendly Cognitive overload
View inaccessible site →

Accessible Version

The same site redesigned to WCAG 2.2 AA standard. Use the green audit panel to see exactly what was changed, why it matters, and which WCAG success criterion each improvement satisfies.

AA contrast Proper labels Keyboard nav Dyslexia friendly Clear layout
View accessible site →

Accessibility criteria reference: WCAG 2.2 – Web Content Accessibility Guidelines | EduTech Solutions – for educational demonstration purposes only