How to Train Your Team on Web Accessibility (Without Technical Jargon)


Most accessibility failures are not caused by bad developers. They are caused by teams that never learned accessibility was part of their job.

A designer picks a light gray font on a white background because it looks clean. A content writer uploads an image without alt text because the CMS did not prompt for one. A project manager skips accessibility testing because it was not in the sprint plan. None of these people intended to exclude anyone. They simply did not know.

Training your team on web accessibility does not require turning everyone into a WCAG expert. It requires giving each role the specific knowledge they need to avoid creating barriers. This guide breaks down exactly how to do that, no technical jargon required.

Why Whole-Team Training Matters

Accessibility is often treated as a developer problem. Fix it in code, run a scanner, check a box. But research from the UK Government Digital Service found that only about 30% of accessibility issues can be caught by automated tools. The rest come from design decisions, content choices, and workflow gaps that happen long before code is written.

When only developers are trained, you get a bottleneck. Every accessibility fix becomes a code change, even when the root cause was a design choice or a content decision. Training the whole team means problems are caught earlier, fixes are cheaper, and fewer issues reach production.

There is also a legal dimension. The European Accessibility Act (EAA) is now in effect, and ADA lawsuits against websites continue to rise. Courts do not care which department caused the problem. If your site is inaccessible, your organization is liable.

What Each Role Needs to Know

The biggest mistake in accessibility training is giving everyone the same generic presentation. A content writer does not need to understand ARIA attributes, and a developer does not need a lecture on plain language. Tailor the training to each role.

Designers

Designers control roughly 50% of the accessibility outcomes on a website before a single line of code is written. Focus their training on:

  • Color contrast: Text must have a contrast ratio of at least 4.5:1 against its background. Teach designers to check contrast using free tools like the WebAIM Contrast Checker or the Colour Contrast Analyser app. Show them what fails: light gray on white, colored text on colored backgrounds, text over images without an overlay.

  • Touch and click targets: Interactive elements (buttons, links, form fields) should be at least 24x24 pixels with adequate spacing. Small targets exclude people with motor disabilities and frustrate everyone on mobile.

  • Do not rely on color alone: If a required field is marked only with a red border, colorblind users will miss it. Always pair color with another indicator like an icon, text label, or pattern.

  • Readable typography: Use a base font size of at least 16px. Ensure line height is at least 1.5 times the font size. Avoid justified text, which creates uneven spacing that is difficult for people with dyslexia.

  • Focus indicators: When a user navigates with a keyboard, they need a visible indicator showing which element is active. Designers should include focus states in their design system, not leave them to browser defaults.

Content Writers and Editors

Content is the most overlooked area of accessibility. Writers directly control whether content is understandable and navigable:

  • Headings create structure: Screen reader users navigate pages by jumping between headings. Headings must follow a logical hierarchy (H1, then H2, then H3). Never skip levels or use headings just for visual styling.

  • Alt text for images: Every informative image needs alt text that describes what the image conveys, not what it looks like. A chart showing revenue growth should describe the trend, not just say “chart.” Decorative images should have empty alt text.

  • Link text must be descriptive: “Click here” and “read more” mean nothing out of context. Screen reader users often navigate by listing all links on a page. Write link text that makes sense on its own: “Download the 2026 compliance checklist” instead of “click here.”

  • Plain language: Write at a reading level your audience can understand. For general public content, aim for a grade 8 reading level. Use short sentences, common words, and active voice. Tools like Hemingway Editor can help.

  • Multimedia needs alternatives: Videos need captions. Audio content needs transcripts. This is not optional under WCAG, the EAA, or the ADA.

Marketers

Marketing teams produce a high volume of content across channels, and accessibility gaps in marketing materials are extremely common:

  • Email accessibility: Use semantic HTML in email templates (real headings, not just bold text). Ensure sufficient color contrast. Always include alt text on images, since many email clients block images by default.

  • Social media: Add alt text to images on every platform that supports it (Twitter/X, LinkedIn, Instagram, Facebook all do). Use camelCase in hashtags (#WebAccessibility, not #webaccessibility) so screen readers pronounce them correctly.

  • Landing pages: Marketing landing pages are frequently the worst offenders for accessibility. Low contrast text, autoplaying video, missing form labels, and keyboard traps are all common. Apply the same accessibility standards to landing pages as the main site.

  • PDFs and downloads: If you offer downloadable content (whitepapers, guides, reports), those PDFs must also be accessible. Use real headings, alt text on images, tagged PDF structure, and readable fonts.

Project Managers and Product Owners

PMs and product owners do not need to fix accessibility issues, but they need to ensure accessibility is part of the workflow:

  • Include accessibility in acceptance criteria: Every user story should include accessibility requirements. “As a keyboard user, I can complete this form without a mouse” is a concrete, testable criterion.

  • Budget time for accessibility testing: Accessibility testing is not extra work bolted on at the end. It should be part of every sprint, just like QA.

  • Know the legal requirements: Understand what the EAA, ADA, and WCAG 2.2 AA require so you can make informed prioritization decisions. An inaccessible checkout flow is a legal risk. An inaccessible blog sidebar is not.

  • Track accessibility debt: Treat accessibility issues like technical debt. Track them, prioritize them, and allocate time to fix them.

How to Structure the Training

Start with Empathy, Not Rules

Begin every training session with a demonstration, not a slide deck. Show the team what it is like to navigate your own website with a screen reader. Turn off the monitor and try to complete a task using only keyboard navigation. Play a video with the sound off and no captions.

These exercises take five minutes and create more understanding than an hour of lecturing about WCAG criteria. When people experience the barriers firsthand, they stop seeing accessibility as a checklist and start seeing it as a user experience problem.

Make It Role-Specific

Run separate sessions for each role group. A 30-minute session tailored to what content writers actually do will be more effective than a two-hour all-hands presentation. Give each group:

  1. Three to five specific things they should check in their daily work
  2. Tools they can use immediately (contrast checkers, heading validators, screen readers)
  3. Examples of common failures from your own website (not generic examples from tutorials)

Create Reference Materials

People will not remember everything from a training session. Create a one-page cheat sheet for each role that they can pin next to their monitor or bookmark in their browser. Include:

  • The top five accessibility checks for their role
  • Links to the tools they need
  • Who to ask when they are unsure (designate an accessibility champion on the team)

Build It Into Existing Processes

Accessibility training fails when it is a one-time event. Instead, build checks into the processes your team already follows:

  • Add accessibility checkpoints to design review checklists
  • Include alt text fields in your CMS templates so content authors cannot skip them
  • Add accessibility criteria to your pull request review template
  • Run a monthly five-minute accessibility check on a random page and share the results with the team

Measuring Progress

You cannot improve what you do not measure. Track these metrics monthly:

  • Automated scan score: Run axe DevTools or WAVE on your top 10 pages and track the number of violations over time.
  • Manual testing coverage: How many pages have been manually tested for keyboard navigation and screen reader compatibility this quarter?
  • Content compliance: What percentage of images on the site have alt text? What percentage of videos have captions?
  • Training completion: Has every team member completed role-specific accessibility training?

Share these metrics with the team. Celebrate improvement. Treat accessibility as a quality metric, not a compliance burden.

Common Pushback and How to Handle It

“Accessibility is a developer issue.” About 70% of accessibility issues originate in design and content decisions, not code. Show them the data.

“Our users do not have disabilities.” One in four adults in the United States has a disability. In the EU, 87 million people have some form of disability. Your users include people with disabilities whether you know it or not.

“We will fix it later.” Fixing accessibility issues after launch costs 10 to 100 times more than preventing them during design and development. Show the team an example of a fix that required redesigning a component versus one that was caught in a design review.

“We use an overlay tool.” Overlay tools do not fix underlying accessibility issues and can actually make the experience worse for assistive technology users. They also do not provide legal protection. Train the team to build accessibility in, not bolt it on.

Getting Started This Week

You do not need a formal program to start. Here is what you can do this week:

  1. Run a five-minute audit on your homepage using WAVE or axe DevTools. Share the results with your team.
  2. Pick one role (start with content writers, they usually have the most impact) and schedule a 30-minute training session.
  3. Add alt text checks to your content publishing workflow.
  4. Bookmark one tool for each team member: WebAIM Contrast Checker for designers, WAVE for content editors, axe DevTools for developers.

Accessibility is a team sport. When everyone understands their part, the whole site gets better.


We’re building a simple accessibility checker for non-developers — no DevTools, no jargon. Join our waitlist to get early access.