ACCESSIBILITY
Built for every classroom.
ClassBreak is designed to work for teachers and students of all abilities. Here’s our commitment and our current status.
What we’ve built
Keyboard navigation
Core flows, games, navigation, and modals are built for keyboard use. Tab, Enter, and Escape work across most of the app, and we are extending coverage to the remaining controls.
Screen reader support
We use semantic HTML and are adding ARIA labels across the interface. Game instructions and timers include screen-reader-friendly descriptions.
Colour contrast
All text meets WCAG AA colour contrast ratios (minimum 4.5:1 for body text). Our yellow (#FFE400) on ink (#0A0A0A) background exceeds AAA.
Focus indicators
Visible focus rings are present on all interactive elements. We do not remove the browser's default focus indicator without replacing it.
Reduced motion
ClassBreak respects the prefers-reduced-motion system setting. Animations are paused or removed for users who prefer reduced motion.
Responsive text
All text scales with browser font size settings. Body copy targets 14px or larger, with some smaller monospace labels used for captions and metadata; headings use clamp() to scale proportionally.
Known limitations
We are aware of the following areas that need improvement:
- •Some older game cards do not yet have descriptive alt text on their icon illustrations.
- •Some filter and category controls are not yet fully operable with a keyboard or announced to screen readers.
- •A number of icon-only buttons still lack descriptive accessible labels.
- •The ROI calculator sliders on the Schools page are being updated to announce their current value to screen readers.
- •Video content (when added) will include captions and audio descriptions.
We are actively working through this list and update this page as items are fixed.
Third-party content
ClassBreak uses Stripe for payments and Firebase for authentication. Their accessibility conformance is documented on their respective websites.