AODA Font Size & Type Rules for Web Compliance — Complete Guide (2026)
🍁 What is AODA?
AODA (Accessibility for Ontarians with Disabilities Act) is a Canadian law that requires all public and private organizations in Ontario with 50+ employees to make their websites accessible. The technical standard is WCAG 2.1 Level AA.
Deadline: January 1, 2021 (already in effect — compliance is mandatory now).
⚠️ AODA applies to ANY organization in Ontario with 50+ employees — including non-profits, charities, and businesses. Fines up to $100,000 per day for corporations, $50,000 for directors.
✅ Test Your Website for AODA Compliance
WCAG 2.1 Level AA is the standard for AODA. Free scan in 10 seconds.
Scan Your Website →AODA Font Size Requirements — The Basics
AODA itself doesn't specify exact font sizes in pixels. Instead, it requires compliance with WCAG 2.1 Level AA, which includes specific text sizing requirements:
| WCAG Criterion | Requirement | AODA Compliance |
|---|---|---|
| 1.4.4 — Resize Text (Level AA) | Text must be resizable up to 200% without loss of content | ✅ Required |
| 1.4.10 — Reflow (Level AA) | Content reflows to one column at 400% zoom | ✅ Required |
| 1.4.3 — Color Contrast (Level AA) | 4.5:1 ratio for normal text, 3:1 for large text | ✅ Required |
| 1.4.12 — Text Spacing (Level AA) | Line height, paragraph spacing, letter spacing adjustable | ✅ Required |
📌 Key Takeaway: AODA doesn't say "font must be 16px" — it says users must be able to resize text up to 200% without breaking the layout, and text must have sufficient contrast.
WCAG 1.4.4 — Resize Text (Level AA)
🔍 What This Means for AODA Compliance:
- ✅ Users must be able to zoom text to 200% without assistive technology
- ✅ No loss of content or functionality when zoomed
- ✅ No horizontal scrolling required (except where necessary)
- ✅ Text must remain readable (not overlapping, clipped, or hidden)
/* ❌ BAD — Fixed font size in pixels prevents resizing */
body {
font-size: 14px; /* Cannot be resized by browser text zoom */
}
/* ✅ GOOD — Relative units allow resizing */
body {
font-size: 1rem; /* 16px default, but user can adjust */
}
/* Also good: Using em units */
.container {
font-size: 1.2em; /* Relative to parent */
}
💡 Pro Tip: Use rem or em units instead of pixels. Users can adjust their browser's default font size, and your site will respect it.
WCAG 1.4.10 — Reflow (Level AA)
Content must reflow to one column when zoomed to 400% on a 1280px viewport.
🔴 Common AODA Violation: Multi-column layouts that don't collapse at 400% zoom. Users must scroll horizontally — this fails WCAG 1.4.10.
/* ❌ BAD — Fixed width columns don't reflow */
.two-column {
width: 50%;
float: left;
}
/* ✅ GOOD — Flexbox with wrap */
.two-column {
display: flex;
flex-wrap: wrap;
}
.two-column > * {
flex: 1 1 300px; /* Columns wrap when screen narrow */
}
/* ✅ GOOD — CSS Grid with auto-fit */
.grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
🔍 Test Your Site's Text Resizing
Check if your site passes AODA font size requirements — free ADA scan.
Test Your Website →WCAG 1.4.3 — Color Contrast (Level AA)
| Text Type | Required Contrast Ratio | Example |
|---|---|---|
| Normal text (under 18pt / 24px) | 4.5:1 | White on dark gray — works |
| Large text (18pt+ / 24px+) | 3:1 | Light gray on dark gray — works |
🔧 Free Tool: Use AccessiTool's color contrast checker to test your brand colors against WCAG standards.
WCAG 1.4.12 — Text Spacing (Level AA)
Users must be able to adjust text spacing without loss of content:
- 📏 Line height: At least 1.5 times the font size
- 📏 Paragraph spacing: At least 2 times the font size
- 📏 Letter spacing: At least 0.12 times the font size
- 📏 Word spacing: At least 0.16 times the font size
/* ✅ GOOD — Accessible text spacing defaults */
body {
line-height: 1.5; /* 1.5 times font size */
letter-spacing: normal;
}
p {
margin-bottom: 1.5em; /* Spacing between paragraphs */
}
/* Users can override with their own CSS/bookmarklets */
AODA Font Type Recommendations
🔠 Best Practices for Typeface Selection:
- ✅ Use sans-serif fonts for body text (Arial, Helvetica, Open Sans, Roboto)
- ✅ Avoid decorative or script fonts for body content
- ✅ Ensure sufficient contrast between text and background
- ✅ Don't rely solely on font style to convey meaning (e.g., "words in italics are definitions")
- ✅ Provide a way to change fonts (users can override in browser settings)
💡 Tip: While AODA doesn't mandate specific fonts, sans-serif fonts are generally more readable for people with dyslexia and low vision.
Who Needs to Comply with AODA?
⚠️ Note: Even if you're exempt due to size, making your site accessible is still best practice and protects you from human rights complaints.
🚀 Ensure Your Website Meets AODA Requirements
Free WCAG 2.1 Level AA scan — the standard required by AODA.
Test Your Website →No signup. 10 seconds. WCAG 2.1 Level AA.
How to Test for AODA Compliance
1 Run an automated WCAG scan
Use AccessiTool's free ADA checker — tests WCAG 2.1 Level AA (AODA standard).
2 Manual text resize test
Zoom your browser to 200% (Ctrl +). Does the layout break? Do you have to scroll horizontally?
3 Test color contrast
Use AccessiTool's color contrast checker on all text colors.
4 Test with screen readers
Enable NVDA (Windows) or VoiceOver (Mac) to ensure fonts are announced correctly.
5 Document compliance
Keep records of scans and fixes — this is your AODA compliance documentation.
Common AODA Font Size Violations
| Violation | Why It Fails | Fix |
|---|---|---|
| Fixed pixel font sizes | Users can't resize text via browser settings | Use rem or em units instead of px |
| Multi-column layout breaks at 400% zoom | Horizontal scrolling required — fails reflow | Use flexbox wrap or CSS grid with auto-fit |
| Poor color contrast | Text hard to read for low-vision users | Adjust colors to meet 4.5:1 ratio |
| Text spacing too tight | Line height less than 1.5 causes readability issues | Set line-height: 1.5 on body |
🍁 Don't Risk AODA Non-Compliance
Fines up to $100,000 per day. Test your website now — free.
Scan Your Website →Internal Links — More Compliance Resources
Frequently Asked Questions
Final Thoughts
AODA requires WCAG 2.1 Level AA compliance — including specific text sizing and spacing requirements. While AODA doesn't mandate exact font sizes, it requires that users can resize text and that layouts remain functional.
Start with a free accessibility scan to identify issues, then test manually with zoom and screen readers. Document everything — that's your AODA compliance record.
🚀 Test Your AODA Compliance
Free WCAG 2.1 Level AA scan — AODA standard. No signup.
Scan Your Website →10 seconds. Instant results. AODA ready.
💬 Comments (0)