Accessibility Statement
WayToFrench is committed to ensuring digital accessibility for people with disabilities. We continually improve the user experience and apply relevant accessibility standards.
Last reviewed: June 2026
16
Criteria Passing
1
Partial / In Progress
WCAG 2.1
Standard Followed
Conformance Status
WayToFrench is partially conformant with WCAG 2.1 Level AA. Partially conformant means that some parts of the content do not fully conform to the accessibility standard. We are actively working to achieve full conformance.
This statement applies to all pages on waytofrench.com.
Technical Specifications
Accessibility of WayToFrench relies on the following technologies:
- HTML5 with semantic landmark elements
- CSS3 (custom properties for theming and contrast)
- JavaScript / React (client-side interactivity with ARIA support)
- WCAG 2.1 contrast ratios verified with browser devtools and axe-core
WCAG 2.1 Criteria Review
| Level | Criterion | Notes | Status |
|---|---|---|---|
| AA | 1.1.1 Non-text Content | All images and icons have descriptive alt text or aria-labels. | Pass |
| AA | 1.3.1 Info and Relationships | Semantic HTML5 elements used throughout (nav, main, aside, section, h1–h6). | Pass |
| AA | 1.4.3 Contrast (Minimum) | Light: 7.9:1 · Dark: 5.9:1 · OLED: 6.6:1 — all exceed the 4.5:1 AA requirement. | Pass |
| AAA | 1.4.6 Contrast (Enhanced) | Light mode text-muted achieves 7.9:1, meeting AAA. | Pass |
| AA | 1.4.4 Resize Text | All text scales correctly up to 200% zoom without loss of content. | Pass |
| AA | 2.1.1 Keyboard | All interactive elements are keyboard-accessible. Focus order follows DOM order. | Pass |
| AA | 2.4.1 Bypass Blocks | A 'Skip to main content' link is the first focusable element on every page. | Pass |
| AA | 2.4.3 Focus Order | Focus order is logical and consistent with the visual layout. | Pass |
| AA | 2.4.7 Focus Visible | All focusable elements show a 2.5px orange outline on :focus-visible. | Pass |
| AA | 3.1.1 Language of Page | HTML lang attribute is dynamically set to match the UI language (en/fr). | Pass |
| AA | 3.2.1 On Focus | Focusing an element does not trigger unexpected context changes. | Pass |
| AA | 3.3.1 Error Identification | Form errors are identified in text, not colour alone. | Pass |
| AA | 4.1.2 Name, Role, Value | ARIA labels, roles, and landmark regions applied to nav, main, and aside elements. | Pass |
| AA | 2.3.1 Three Flashes | No content flashes more than three times per second. | Pass |
| AA | 1.4.10 Reflow | Most content reflows at 320px viewport. Some complex data tables may require horizontal scroll. | Partial |
| AA | 1.4.11 Non-text Contrast | UI components and focus indicators meet 3:1 contrast ratio. | Pass |
| AA | 2.5.3 Label in Name | Visible labels match or contain the accessible name of interactive controls. | Pass |
Known Limitations
Audio content
Some listening exercises currently lack full transcripts. We are adding them progressively.
Complex data tables
Verb conjugation tables may require horizontal scrolling on narrow viewports. We are investigating responsive alternatives.
Third-party embeds
The PayPal checkout is controlled by PayPal. We cannot guarantee full WCAG compliance of third-party interfaces.
Feedback & Contact
We welcome feedback on the accessibility of WayToFrench. If you experience barriers not listed here, or if you need content in an alternative format, please contact us. We aim to respond to accessibility feedback within 5 business days.
[email protected]Enforcement Procedure
If you are not satisfied with our response, you may contact the relevant national enforcement body. In the EU, this is typically the national authority responsible for the enforcement of the Web Accessibility Directive. In Canada, the Accessible Canada Act provides guidance for federal institutions.