Web Typography Resources

A curated list of authoritative references for web typography, accessibility, and readability research. Use these alongside Grade's interactive lessons for deeper context or compliance work.

Accessibility & WCAG

Official contrast requirements and understanding success criteria for text:

• WCAG 2.2 — Web Content Accessibility Guidelines
• Understanding SC 1.4.3: Contrast (Minimum)
• Understanding SC 1.4.6: Contrast (Enhanced)

CSS typography specifications

Canonical references for CSS properties covered in Grade lessons:

• CSS Fonts Module Level 4
• CSS Text Module Level 3
• CSS Values and Units Module Level 3
• MDN: line-height
• MDN: font-weight
• MDN: ch unit

Readability & typographic research

Foundational reading on line length, contrast, and reading comfort:

• Nielsen Norman Group — Typography articles
• Baymard Institute — UX and readability research
• W3C WAI — Web Accessibility Initiative

Grade lesson map

Each resource domain maps to a Grade lesson: WCAG to contrast, ch units and measure to line length, CSS Fonts to weight and scale, CSS Text to leading and spacing.

Interactive lessons

• Contrast
• Measure
• Leading

Related guides

• Readability Research
• Wcag Contrast Ratio Guide
• Methodology

Glossary

• Contrast ratio
• Measure
• Leading

Frequently asked questions

Should I use these resources instead of Grade?

Use them together. Grade teaches practical CSS defaults interactively; these references provide standards documentation and research context for compliance and deeper study.

Are these links maintained by Grade?

This page curates external authoritative sources. Link targets may change; prefer W3C WAI and MDN for stable specification references.