Skip to content

Accessibility Training: Your Team as the First Barrier Against Barriers

Hands-on WCAG 2.2 workshops for developers, designers and content editors — so your team builds accessible solutions itself instead of fixing barriers afterwards. We train on your real code, design and CMS.

For developers, designers and content 80 % hands-on practice Own accessibility statement published

In short and in plain language

This page is about accessibility training. Accessible means everyone can use a website. That includes people with disabilities.

We train teams who build websites, design them or write the content. Your team learns to avoid problems from the start. So there is less to fix later.

We practise on your real code, design and content system. Most of the time is hands-on. Training works on site or by video call.

First, we find out what your team needs. Afterwards, everyone gets material to read up on. Write to us or give us a call.

Accessibility you can verify

We assess our own website against WCAG 2.2 AA ourselves; status and known limitations are set out in our accessibility statement. The BFSG has applied since 28 June 2025; violations can be penalized with fines of up to 100,000 euros (BFSG Section 37). Trained teams can prevent barriers before they arise.

Key figures

3 roles

development, design and content

WCAG 2.2

basis of the training content

4-12

participants per hands-on workshop

Remote

or on-site, one or several days

One of the most sustainable investments in digital accessibility is training your own team. When developers understand semantic HTML and ARIA, designers craft accessible color palettes and focus states and content editors produce accessible texts and media, fewer barriers arise in the first place — and the cost of retroactive remediation drops. Our training is designed so participants can apply what they learn immediately to their own projects.

WCAG 2.2 workshop · Curriculum
From the fundamentals module to independent delivery
Four modules that build on each other · 80 % hands-on on your own project
Module 1
Fundamentals and law
BFSG, WCAG 2.2, who is affected and the four POUR principles
Module 2
Semantics and ARIA
Semantic HTML, landmarks, ARIA patterns and focus management
Module 3
Design and interaction
Contrast, visible focus states, motion and accessible forms
Module 4
Content and editing
Alt texts, plain language, PDF and the lasting review routine
Hands-on share
80 %
Exercises on real code, design and CMS instead of theory
Most frequent barrier typescurrent / target
Baseline auditTarget
Group size4-12participants per workshop
Practice over theory80 % hands-on
FormatRemote or on-site
Training report as an example: module plan, hands-on share and the most common barrier types in the baseline audit next to the target for the period after training. Illustrative values, not client data.

Training Formats for Every Team

We offer various training formats aligned to your team size, existing knowledge level and specific project requirements. Every training course is individually tailored to your technology stack and workflows.

Developer Training

Semantic HTML5, WAI-ARIA 1.2, keyboard navigation, focus management, ARIA live regions, automated testing with axe-core and Pa11y, accessible component development. Duration: one to two days. Including hands-on exercises with your codebase.

Designer Training

Accessible color palettes and contrast checking, touch target sizes, focus indicator design, responsive layouts for zoom and reflow, accessible typography and information hierarchy. Duration: one day. Including design review of your current assets.

Content Editor Training

Accessible text structure with headings, descriptive alt texts, plain language, accessible tables, captions and transcripts for multimedia, accessible PDF creation. Duration: half to full day. Including CMS-specific exercises.

Developer Training: From Theory to Practice

Our developer training is the most comprehensive and technically deep course in our program. It targets frontend developers, fullstack developers and QA engineers who develop and test accessible web applications. The training teaches not only WCAG criteria theory but shows through concrete code examples how accessible components are implemented in practice.

The screen reader experience as an aha moment

A central component of the developer training is hands-on work with screen readers. Every participant learns to install NVDA, use basic navigation commands and experience their own website from a screen reader user's perspective. This can be the decisive moment: when you experience firsthand how frustrating a website without correct semantics and ARIA is, you understand why both matter.

  • Install NVDA and navigate your own page with the keyboard
  • Understand semantics and ARIA from the perspective of the audible output
  • Document findings directly on your own project
Hands-on · NVDA on your own projectScreen reader
Form, edit, required
Email address, edit field
Submit, button
Install NVDA and navigate with the keyboard
Understand semantics and ARIA from the audible output
Document findings directly on your own project

Designer Training: Accessibility as a Design Principle

Accessible design does not mean making visual compromises. On the contrary: accessibility requirements like sufficient contrasts, clear information hierarchies and consistent interaction patterns can lead to better designs for all users. Our designer training shows how to seamlessly integrate accessibility into the design process without restricting creative freedom.

  • Accessible color palettes with professional contrast analysis tools and design plugins
  • Focus indicators that are both functional and aesthetic
  • Touch target sizes and spacing for mobile interfaces
  • Accessible typography with adjustable text sizes and line spacing
  • Structuring content for different display sizes and zoom levels

Content Editor Training: Creating Accessible Content

The best technical accessibility is useless if the content itself is not accessible. Missing or meaningless alt texts, missing heading hierarchy, incomprehensible language and non-accessible documents are common content barriers that trained editors in particular can avoid. Our content training provides practical knowledge immediately applicable in your CMS.

Descriptive alt texts

Phrasing image content so it conveys the meaning of the image to screen reader users instead of just stating filenames.

Logical heading hierarchy

Structured outlining with H1 to H6 that enables fast and meaningful navigation for screen readers.

Plain language

Formulating complex topics clearly and preparing content so it is accessible to a broad audience.

Accessible multimedia

Captions and transcripts for video and audio plus accessible tables and lists, practiced directly in your company's CMS.

How a Training Works

  1. Briefing and current-state analysis

    Before every training we capture your team's technology stack, knowledge level and typical barriers. Optionally we start with a baseline audit of a representative page.

  2. Foundations for all roles

    A joint start into WCAG 2.2, the four principles and the BFSG obligations — so developers, designers and editors speak the same language.

  3. Role-specific deep dive

    Separate tracks with exercises on your own code, design and CMS: semantics and ARIA, contrast and focus, alt texts and structure.

  4. Hands-on on your own project

    80 percent of the time goes into practice: refactoring, screen reader tests and contrast checks on your team's real components.

  5. Follow-up and refreshers

    Materials, checklists and 30 days of free follow-up questions. On request, a refresher and a before-after comparison that makes the learning outcome measurable.

Logistics and Delivery

Flexible Scheduling

Training is available as one- or multi-day workshops on-site or remotely via video conference. Remote sessions run over common video conferencing tools. Dates are arranged to suit your team's availability.

Group Size and Format

Optimal group size for hands-on workshops: four to twelve participants. For larger teams we split into parallel groups. Every training combines theory input, live demos, hands-on exercises and discussion rounds.

Materials and Follow-up

Every participant receives training materials, checklists and reference cards for later reference. A recording of remote training (on request) enables later review. Follow-up questions are answered free of charge for 30 days after training.

Our training materials are regularly updated to account for new WCAG techniques, current browser changes and developments in assistive technologies. This keeps the content delivered aligned with the current state of technology, and your team works with up-to-date knowledge.

Every training concludes with a feedback round and handover of all materials as a digital reference guide. On request, we offer follow-up sessions where we clarify open questions and accompany the knowledge transfer into practice.

Why Training Is a Cost-Effective Accessibility Measure

The cost of retroactive fixing typically increases with every project phase. A contrast problem a designer catches in the design phase is quickly fixed. The same problem in production requires review, code change, testing and deployment. Multiplied by the number of barriers in a project, it becomes clear why training works: it starts before problems arise.

Key figures

96 %
of all errors detected on one million home pages fall into six error types
(WebAIM Million 2026)
7 years
in a row with the same six most common error types
(WebAIM Million 2026)

The most common automatically detected errors include low text contrast, missing alternative text for images, missing form labels, empty links and buttons, and missing document language (WebAIM Million 2026). Contrast, alt texts and form labels, together with keyboard navigation, are the subject of the exercises on your own project, so that these errors occur less often in day-to-day work.

Clarify your training needs together

Long-term Accompaniment and Knowledge Building

A single training course conveys the basics but sustainable knowledge is built through regular application and deepening. That is why we offer long-term accompaniment complementing our workshops: monthly office hours for technical questions, code reviews for critical components and semi-annual refresher sessions where we teach new developments (updated WCAG criteria, new browser features, improved testing methods). This model is designed to keep accessibility knowledge in your team from stagnating and to develop it continuously.

For larger companies we recommend establishing an internal accessibility community: a group of interested developers, designers and editors who regularly exchange knowledge, learn from each other and serve as accessibility contacts in their respective teams. We support building this community, regularly provide current topics and best practices and moderate the first meetings. Over time, such a community can develop its own momentum that shapes the accessibility culture in the company for the long term.

Training Content Adapted to Your Technology

Generic accessibility training conducted identically in every context is often hard to transfer into practice. Our approach is different: before every training we conduct a briefing conversation capturing the technology used, existing code structure and your team's specific challenges. Training content is then individually adapted: for a team working with Shopware Community Edition we show accessibility optimizations directly in Twig templates and Shopware plugins. For a React team we demonstrate accessible component development with specific React hooks and patterns. For a content team we create exercises directly in your CMS so participants immediately experience the transfer to their daily work.

Measurable Training Success Through Before-After Comparison

To make the success of our training measurable, we offer optional before-after comparisons: before training we conduct a brief baseline audit of a representative page. After training your team independently creates a new page or reworks an existing one. We audit the result and compare accessibility quality. This comparison concretely shows what improvements the training achieved and identifies areas where deepening is sensible.

Additionally after every training we provide a compact accessibility checklist that your team can use as a daily work tool. The checklist contains the most important checkpoints for each area of responsibility: developers check semantics, ARIA and keyboard navigation, designers check contrasts, focus indicators and touch target sizes, editors check alt texts, headings and language clarity. This checklist is individually created for your technology and most common content types and can be directly integrated into existing quality assurance processes.

Integration into Existing Processes and Quality Standards

Accessibility training achieves its full impact only when the knowledge conveyed is integrated into existing processes and quality standards. That is why we recommend connecting training with concrete process adjustments: supplementing the code review checklist with accessibility criteria, integrating automated axe-core tests into the CI/CD pipeline, including accessibility checks in acceptance processes for new features and defining accessibility requirements as a fixed part of the specification for new projects.

For the design area we recommend extending the design system with accessibility specifications: contrast ratios as mandatory components of every color definition, touch target sizes as minimum specifications for interactive elements, focus indicator styles as documented standards and screen reader output annotations as part of every component documentation. These structural anchors make accessibility less dependent on the goodwill of individual team members and build it systematically into the work steps. Our training courses convey not just the expertise but also the methods to successfully implement this process integration.

In the content area we recommend creating editorial guidelines that bindingly specify accessibility requirements: minimum requirements for alt texts (descriptive, not just filenames), specifications for heading hierarchy, rules for link labeling (not just generic click here) and standards for creating accessible tables and lists. These guidelines can be built directly into your CMS workflows so editors are reminded of accessibility requirements during content creation.

Course material to read up on

We have summarised the content of our editorial training in the article on training editorial teams for accessible content — including the question of which tasks genuinely sit with the editorial team. The most common editorial topic, alternative text, is covered in the article on images and alt text. For development teams the article on accessibility by design is additionally relevant. After the training a WCAG audit checks the level reached and ongoing BFSG monitoring keeps an eye on it; all building blocks are on the services page and by sector under accessibility by industry.

Key takeaways

  • Hands-on WCAG 2.2 training for developers, designers and content teams — practiced on your own code, design and CMS
  • 80 percent hands-on: screen reader tests, refactoring and contrast checks on real components
  • Exercises on the most common automatically detected errors: contrast, alternative text and form labels (WebAIM Million 2026)
  • Optional before-after comparison makes the learning outcome measurable; 30 days of free follow-up included
  • We assess our own website against WCAG 2.2 AA ourselves; status and known limitations are set out in our accessibility statement

Frequently Asked Questions About Our Training

How the website of a university department could look

The draft shows structure and handling: degree programmes you can narrow down, an application path in steps, a section on disability provisions and campus access. The university in it is invented.

Draft
University department

Department with degree filter and disability provisions

A draft for a university department: eight degree programmes can be filtered by qualification and study mode, each listing award, standard duration and entry requirements in the same order. The application is described in four steps, and a separate section covers disability provisions and the advisory service hours. On campus accessibility the draft names ramp gradient, hearing loop and tactile guidance — and what is missing.

Degree filterDisability provisionsCampus detailsSubtitles

Illustrative layout drafts. The businesses shown are fictitious; these are not client projects.

What can we help you with?

One click is enough — everything after that is optional.

Tell us briefly about the project

Everything on this step is optional.

As shown in your browser, with or without https://.

When would you like to start? (optional)
Rough budget range (optional)

Optional — you are not committing to anything.

A few keywords are enough. If you write something, please use at least 5 characters.

How can we reach you?

We usually get back to you within one business day.

Your name or surname, at least 2 characters.

Only needed if you would like a call back.

The address our reply should go to, with @ and domain.

By submitting you consent to the processing of your details to handle this request. Details in our privacy policy.