Professional training – Accessibility & User Experience

Design Systems & UI Components

Hands-on Design Systems & UI Components course: you work on Parts of a design system, Design tokens and Building a component library and take away knowledge you can apply right away.

Duration
6 hours, one session
Level
Intermediate
Format
Online or on-site
Language
German or English
Certificate
Certificate of attendance

Overview

In “Design Systems & UI Components” we combine fundamentals and practice: you get to know Parts of a design system, Design tokens and Building a component library, apply what you learn in exercises and receive templates and checklists for your own use.

Digital services must be accessible, understandable and pleasant to use for everyone, not only for legal reasons but because it makes them better. The Design Systems & UI Components training combines accessibility and user experience in practice: you learn requirements and methods, try testing tools and assistive technologies yourself and apply what you learn to websites, apps or documents. We work with concrete examples, checklists and patterns you can use in projects right away. Each course lasts one day and runs online or on site.

The course is delivered live – either online in a virtual classroom or on-site in our training rooms in Munich, Salzburg, Berlin, Augsburg, Hanover, Bremen, Stuttgart and Kaiserslautern. We can also run it exclusively for your team.

Focus areas of the course

Parts of a design systemDesign tokensBuilding a component libraryDocumentation and governanceCollaboration between design and developmentBuilding accessibility into the system

Who is this course for?

  • Web developers, designers and UX teams
  • Editors, content owners and document authors
  • Product and project owners, software buyers
  • Accessibility officers and public sector staff

What you will be able to do

  • You know the key topics of Design Systems & UI Components – Parts of a design system, Design tokens, Building a component library, Documentation and governance, Collaboration between design and development and Building accessibility into the system – and can apply them in practice.
  • You understand the requirements and goals of Design Systems & UI Components and can explain them clearly in your project.
  • You test and assess offerings systematically with suitable tools.
  • You implement concrete improvements or brief specialists precisely.
  • You plan the next steps for your website, app or documents.

Course outline

Module 1 Fundamentals and requirements for Design Systems & UI Components
  • Why Design Systems & UI Components matters for users and the organisation
  • Legal and normative framework at a glance
  • User groups and their needs
  • Typical barriers and usability problems
Module 2 Focus areas: Design Systems & UI Components
  • Parts of a design system
  • Design tokens
  • Building a component library
  • Documentation and governance
  • Collaboration between design and development
  • Building accessibility into the system
Module 3 Methods and testing procedures
  • Proven approaches step by step
  • Automated and manual testing tools
  • Assistive technologies and the user’s perspective
  • Criteria for priorities and effort
Module 4 Practical application
  • Exercises on Design Systems & UI Components using real pages, documents or prototypes
  • Documenting and rating the issues found
  • Developing solution proposals
  • Patterns and checklists to take away
Module 5 Embedding in the project
  • Integrating accessibility and UX in the development process
  • Roles, responsibility and communication in the team
  • Planning tests with real users
  • Personal action plan
Module 6 Transfer to your daily work
  • Exercise based on a realistic case
  • Typical mistakes and how to avoid them
  • Checklist and templates to take away
  • Open questions, outlook and resources for further learning

Prerequisites

Basic familiarity with websites or office software is helpful. For technical advanced courses, HTML basics are an advantage. Basic knowledge of the topic is helpful.

Technical requirements

Your own laptop with a current browser; we provide testing tools, screen reader test access and sample files.

Dates & locations

For every location we suggest a date roughly four weeks ahead. Your preferred date is always possible.

  • Munich Thu, 10 December 2026 6 hrs Request
  • Salzburg Mon, 14 December 2026 6 hrs Request
  • Berlin Tue, 15 December 2026 6 hrs Request
  • Augsburg Wed, 16 December 2026 6 hrs Request
  • Hanover Mon, 14 December 2026 6 hrs Request
  • Bremen Mon, 14 December 2026 6 hrs Request
  • Stuttgart Wed, 16 December 2026 6 hrs Request
  • Kaiserslautern Thu, 10 December 2026 6 hrs Request
  • Online Fri, 11 December 2026 6 hrs Request

Frequently asked questions

Does Design Systems & UI Components guarantee legal compliance of my service?

No. The training teaches methods and requirements but replaces neither a formal audit nor legal advice. You learn to identify and fix problems yourself and to know when an external review makes sense.

Can we run Design Systems & UI Components on our own website or app?

Yes, gladly. If you tell us sample pages, documents or prototypes beforehand, we build them into the exercises. Alternatively we work with our own sample projects if internal content may not be shown.

How much does “Design Systems & UI Components” cost?

The course costs a flat €949 plus VAT per participant – whether online or on-site. This includes 6 hours of live training with a trainer, course materials, a lab environment and a certificate of attendance.

Can I suggest my own date?

Yes. For every location we suggest a date roughly four weeks ahead. In the request form you can always describe your preferred date or period in free text – we check availability and get back to you within one working day.

Is the course online or on-site?

Both are possible: live online in a virtual classroom or on-site in Munich, Salzburg, Berlin, Augsburg, Hanover, Bremen, Stuttgart and Kaiserslautern. We can also run the course exclusively for your team.

Can the course be tailored to our team?

Yes. Tailor-made courses cost approx. €4,500 more, depending on the topic and by arrangement. We agree content, examples and exercises with you in advance.

More courses in Accessibility & User Experience

All 23 courses in Accessibility & User Experience