WCAG
WCAG is a W3C standard providing testable recommendations and success criteria for making web content accessible to people with disabilities.
Everyday Data Visualization
The Web Content Accessibility Guidelines, a W3C standard for making web content accessible to people with disabilities and impairments.
- How it is used
- Guides accessible choices for color, typography, and interactive web experiences.
- How deep it goes
- Defines WCAG 2.1’s principles, criteria, and conformance levels, then applies selected guidance to color and interaction.
- Examples
- Uses heatmaps under color-blindness simulations, contrast-bordered bars, palette toggles, and hard-to-tap phone close buttons.
- What you can do after
- Apply it to evaluate color palettes and make interactions keyboard-accessible, controllable, and easier to target.
D3.js in Action, Third Edition
The Web Content Accessibility Guidelines are an international standard of recommendations for making web content accessible to people with disabilities.
- How it is used
- Guides the design and audit of accessible web content and data visualizations.
- How deep it goes
- Explains four accessibility principles and practical contrast rules, then stops short of exhaustive coverage.
- Examples
- Uses a cetacean scatterplot, contrast checkers, accessible palettes, SVG patterns, and an accessibility checklist.
- What you can do after
- Apply it via D3.js audits, contrast checkers, accessible color palettes, semantic markup, and non-color visual encodings.
Math for Web Design
The Web Content Accessibility Guidelines (WCAG) are an international standard for making web content accessible to people with disabilities.
- How it is used
- Evaluates text and background color choices against objective accessibility thresholds.
- How deep it goes
- Explains AA and AAA thresholds, contrast-ratio arithmetic, sRGB linearization, and weighted luminance calculation.
- Examples
- Uses light gray on white, black on white, gray thresholds, and pure blue on white as contrast examples.
- What you can do after
- Evaluate color pairs with luminance and contrast formulas, then apply the result to CSS or JavaScript.
Related concepts
- WCAG success criterionhas part · A WCAG success criterion is a testable requirement for satisfying a Web Content Accessibility Guidelines guideline at a specified conformance level.
- contrast ratiouses · A contrast ratio is the numerical ratio of the higher relative luminance to the lower relative luminance of two colors.
- line-height propertyconfigures · The CSS line-height property specifies the height of each line box and thereby controls the vertical spacing of text lines.
These guides are generated from the text of Manning books by Manning's knowledge graph and link to the sections they draw on. The full books are available on liveBook and at manning.com.