Our commitment
Every major e-learning platform treats accessibility as a compliance checkbox. Most learners with disabilities still get a degraded experience. Eduspera enforces the baseline in CI, scores every course before publish, and ships the accessible version first.
Course score
ShipWCAG 2.2 AA
Minimum bar across the entire platform.
axe-core
Zero violations or the build doesn’t ship.
100%
Every interactive surface reachable without a mouse.
NVDA · VO
Tested in Firefox + Safari on real pages.
Respected
Non-essential motion disabled for prefers-reduced-motion.
≥ 4.5 : 1
Body + UI meet AA. Defaults aim for AAA.
Accessibility score engine
We compute a 0 – 100 score from three measurable signals. Click the badge in the builder and you get the breakdown plus a direct link to each lesson that needs attention.
40 pts
Captions
Ratio of video lessons with ready captions.
40 pts
Alt text
Ratio of images across text lessons with non-empty alt.
20 pts
Colour contrast
Your primary colour must reach 4.5:1 against white or black.
| Range | Band | Behaviour |
|---|---|---|
| 80 – 100 | Ship | Strong baseline: captions complete, alt text covered, contrast passes. |
| 50 – 79 | Warn | Publishable but flagged — learners will notice gaps. |
| 0 – 49 | Block | Critical coverage missing. Publishing prompts an override. |
For creators
Every feature on the builder side is designed so that doing the right thing is the easiest thing. No compliance training required.
In the editor
When you drop an image into a lesson, the modal won’t close until you describe it. Gemini reads the picture and drafts a caption so you’re never staring at an empty field.
Video lessons
Upload an MP4, take a coffee break. When you come back the captions are attached, the transcript is rendered, and the captions-status badge is green.
Builder topbar
Green, yellow, or red. Each issue links directly to the lesson that caused it. No compliance report PDF, no guessing.
For learners
Your students can reshape the page in one click. Those choices travel with them across every course they take on Eduspera.
Accessibility toolbar
Theme, font size, dyslexia-friendly font, line spacing, hide images, grayscale, big cursor, read aloud, reading ruler — all native, all saved to your profile.
Video + transcript
Captions load with the player by default. The full transcript renders as readable HTML underneath so learners can scan, search, or follow along.
Progress that follows you
Each lesson auto-saves as you move through it. Preferences like theme and font size follow your account, so the first visit on a new device feels familiar.
Built for specific communities
Accessibility isn’t one thing. Here’s what Eduspera does for the four broad communities we build for every day.
Screen readers get the full story. Our tooling makes sure nothing is hidden.
Every video speaks in text too, by default.
Every screen works without a mouse, with generous targets.
Strip the page down, listen instead of read, take your time.
How we build
01
Design tokens with enforced contrast
Every colour pair in globals.css is verified at creation time — no ad-hoc grays that fall under 4.5:1.
02
Single `<main id="main-content">` per page
Skip link targets it, screen readers announce it, landmarks are semantic not decorative.
03
Never suppress the focus ring
2px outline + 2px offset on `:focus-visible`. Keyboard users always know where they are.
04
Live regions via `useLiveRegion()`
Status mutations announce themselves to screen readers — approvals, uploads, score changes, saves.
05
Focus traps on every modal
Tab stays inside, Escape closes, focus returns to the trigger. No orphaned focus states.
06
Images with missing alt are blockers
Not a lint warning, not a nice-to-have. The insert modal refuses to close without a description.
07
Server components for landmarks
Static structure is rendered server-side; client bundles only carry what’s actually interactive.
08
`prefers-reduced-motion` is always honoured
CSS respects the media query; components check it too before animating JS-controlled transitions.
Next step
Start for free, or book a call — we’ll walk through a real course and show you exactly how the score engine works.