What is your developer-dependent CMS actually costing you? Calculate your costs and get a full report
What is your developer-dependent CMS actually costing you? Calculate your costs and get a full report
Content Operations
A WCAG 2.2-based checklist for the accessibility editors control: alt text, headings, link text, captions, tables, color and plain language.
Accessibility is shared work. Your developers build accessible templates and components; you make sure the content you put into them is accessible too. A well-built site can still fail people if an image has no alt text, a heading is skipped, or a link just says "click here".
This checklist covers the parts of accessibility that editors control. It is based on the W3C's Web Content Accessibility Guidelines (WCAG) 2.2, and each section names the success criteria it relates to, so you can read more. It's a practical starting point, not a legal compliance review: your organization decides which WCAG level you must meet.
Copy this into your team's definition of done.
The sections below explain each item and where it applies in Agility.
WCAG 2.2: 1.1.1 Non-text Content (Level A), 1.4.5 Images of Text (Level AA).
Alt text is read by screen readers and shown when an image doesn't load. In Agility you add it in two places:
alt attribute. Your developers can set an image field to Require Alt Text, so an item can't be saved without it. If your important image fields don't require it, ask them to turn it on. See Fields.alt attribute.Writing good alt text:
The W3C's alt text decision tree helps with harder cases.
WCAG 2.2: 1.3.1 Info and Relationships (Level A), 2.4.6 Headings and Labels (Level AA).
Many screen reader users move around a page by its headings. They only work if they reflect the structure.
WCAG 2.2: 2.4.4 Link Purpose (In Context) (Level A).
Screen reader users often pull up a list of links. "Click here", "read more" and "learn more" repeated five times tell them nothing.
WCAG 2.2: 1.2.2 Captions (Prerecorded) (Level A), 1.2.3 Audio Description or Media Alternative (Prerecorded) (Level A).
WCAG 2.2: 1.3.1 Info and Relationships (Level A).
The rich text editor can create tables. Use them well:
The W3C tables tutorial explains header cells in more depth. You can check a table's header cells in the rich text editor's HTML view.
WCAG 2.2: 1.4.1 Use of Color (Level A), 1.4.3 Contrast (Minimum) (Level AA).
Your site's design sets most colors, and your designers and developers are responsible for its contrast. As an editor:
WCAG 2.2: 2.4.2 Page Titled (Level A).
The page title is the first thing a screen reader announces and what appears in the browser tab. Give each page a unique, descriptive Page Title in its SEO settings. See Managing SEO for Editors.
WCAG 2.2: 3.1.5 Reading Level (Level AAA).
Clear writing helps everyone, including people with cognitive disabilities and people reading in a second language.
The U.S. government's plain language guidelines are a good, free reference.
You don't have to check every item by hand:
alt attribute, without changing anything. See Audit Your Content with AI. Review any alt text an assistant drafts before it's published: it can't always tell what an image means in context.Automated checks catch missing alt text and skipped headings, but not whether alt text is accurate or a link makes sense. A person still needs to read the content.