We believe the web should be accessible to everyone, regardless of physical ability, cognitive difference, device hardware, or network speed. We continuously audit and refine our codebase to ensure inclusive experiences for all South Africans.
Conformance Status & Standards
The Web Content Accessibility Guidelines (WCAG) define requirements for designers and developers to improve accessibility for people with disabilities. It defines three levels of conformance: Level A, Level AA, and Level AAA.
Mosaic Studio's digital ecosystem (`mmso.co.za` and `app.mmso.co.za`) is engineered to conform with WCAG 2.2 Level AA across all public and client-facing interfaces.
Key Accessibility Pillars in Our Engineering
Our technical implementation focuses on the four core accessibility principles:
1. Perceivable
High-contrast typography (exceeding the 4.5:1 ratio for body copy and 7:1 for headers against dark obsidian and warm oatmeal backgrounds), informative alternative text on all meaningful images, and scalable vector typography.
2. Operable
100% keyboard navigability with prominent visual focus indicators, skip-to-content anchors, logical tab order, zero keyboard traps, and minimum 44×44px interactive tap targets on mobile devices.
3. Understandable
Clear semantic structure (`<header>`, `<nav>`, `<main>`, `<article>`, `<footer>`), predictable interactive patterns, explicit form input labels, and descriptive real-time error announcements using `aria-live`.
4. Robust
Valid, clean Next.js 16 server-rendered semantic HTML5 compatible with modern screen readers (NVDA, JAWS, Apple VoiceOver, Android TalkBack) and assistive technologies.
Motion & Sensory Preferences
We respect user operating system preferences for reduced motion and sensory comfort:
- Prefers-Reduced-Motion: When a user has enabled reduced motion in their system settings (macOS, iOS, Windows, Android), decorative transitions, smooth parallax scrolls, and spotlight animations are automatically disabled or simplified to subtle instantaneous fades.
- Flashing & Rapid Animations: No component contains strobe effects, flashing graphics, or rapid color transitions exceeding 3 flashes per second.
- Audio Autoplay: No audio or video content autoplays with sound. All interactive audio requires explicit user activation.
Supported Browsers & Assistive Technologies
Mosaic Studio is engineered for compatibility with modern operating environments and assistive software:
- Desktop Browsers: Latest versions of Google Chrome, Apple Safari, Mozilla Firefox, Microsoft Edge, and Brave.
- Mobile Platforms: Safari on iOS/iPadOS, Chrome and Samsung Internet on Android.
- Screen Readers: Apple VoiceOver (macOS / iOS), NVDA and JAWS (Windows), TalkBack (Android).
- Magnification & Zoom: Seamless zoom scaling up to 200% without loss of content layout or functionality.
Continuous Testing & Auditing
Accessibility is an ongoing engineering commitment, not a static checkbox. We conduct regular audits utilizing:
Automated CI/CD Checks
Lighthouse 100 audits, Axe-core accessibility scanners, and TypeScript linting integrated into our build pipeline.
Manual Keyboard Auditing
Full keyboard-only navigation sweeps testing tab sequences, modal closures (`Escape`), and form submissions.
Feedback & Accessibility Assistance
We welcome your feedback on the accessibility of Mosaic Studio. If you encounter any accessibility barriers, have difficulty reading any content, or require documents in an alternative format (e.g. large text or audio description):
| Accessibility Officer | Mosaic Studio Accessibility Lead |
|---|---|
| Direct Email | info@mmso.co.za |
| WhatsApp / Phone | +27 (0)78 405 4651 |
| Response Timeframe | We commit to reviewing and responding to accessibility feedback within 48 business hours. |