---
title: "Academy Lesson"
canonical_url: "https://academy.laioutr.com/lektionen/ux-designer-barrierefreiheit"
locale: de
meta:
  "og:title": "Academy Lesson"
---

[Zur Startseite](https://academy.laioutr.com/)

- [Agentic UX Designer](https://academy.laioutr.com/lernpfade/lernpfad-ux-designer)

- [Barrierefreiheit nach WCAG 2.1 AA](https://academy.laioutr.com/lektionen/ux-designer-barrierefreiheit)

Barrierefreiheit nach WCAG 2.1 AA

# Barrierefreiheit nach WCAG 2.1 AA

12 Min.

Viele Onlineangebote müssen nach dem Barrierefreiheitsstärkungsgesetz barrierefrei sein. Die Sections von Laioutr UI sind auf WCAG 2.1 AA ausgelegt, die Gestaltung kann das trotzdem brechen. Diese Lektion zeigt Kontraste, Schriftgrößen, Fokus, Alternativtexte und Überschriftenstruktur und wie Tokens helfen, Barrierefreiheit dauerhaft zu sichern.

## Das Wichtigste in Kürze

- Laioutr UI liefert Sections, die auf WCAG 2.1 AA ausgelegt sind.
- Farbwahl und Inhalte entscheiden mit über die Barrierefreiheit.
- Tokens sichern Kontraste dauerhaft.

## Weiterlesen

- [Barrierefreiheit nach WCAG 2.1 AA](https://academy.laioutr.com/artikel/barrierefreiheit-nach-wcag-2-1-aa)6 Min.

  Die Komponenten von Laioutr UI sind auf WCAG 2.1 AA ausgelegt: Kontraste, Tastaturbedienung, Fokuszustände und semantische Struktur sind eingebaut. Für eine barrierefreie Storefront sorgen zusätzlich die Inhalte, etwa Alternativtexte, Überschriftenfolge und verständliche Linktexte.
- [Design-Tokens und Themes verstehen](https://academy.laioutr.com/artikel/design-tokens-und-themes-verstehen)6 Min.

  Design-Tokens sind benannte Variablen für Farben, Schriften, Abstände, Radien und Effekte, auf denen jede Komponente von Laioutr UI aufbaut. Ein Theme belegt diese Tokens mit konkreten Werten und ändert so das Aussehen der gesamten Storefront, ohne Komponenten anzufassen.

## Structured Data

```json
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@id": "https://academy.laioutr.com/#website",
      "@type": "WebSite",
      "inLanguage": "de",
      "name": "Default",
      "url": "https://academy.laioutr.com/",
      "workTranslation": {
        "@id": "https://academy.laioutr.com/#website"
      }
    },
    {
      "@id": "https://academy.laioutr.com/lektionen/ux-designer-barrierefreiheit#webpage",
      "@type": "WebPage",
      "name": "Academy Lesson",
      "url": "https://academy.laioutr.com/lektionen/ux-designer-barrierefreiheit",
      "breadcrumb": {
        "@id": "https://academy.laioutr.com/lektionen/ux-designer-barrierefreiheit#breadcrumb"
      },
      "isPartOf": {
        "@id": "https://academy.laioutr.com/#website"
      },
      "potentialAction": [
        {
          "@type": "ReadAction",
          "target": [
            "https://academy.laioutr.com/lektionen/ux-designer-barrierefreiheit"
          ]
        }
      ]
    },
    {
      "@id": "https://academy.laioutr.com/lektionen/ux-designer-barrierefreiheit#breadcrumb",
      "@type": "BreadcrumbList",
      "itemListElement": [
        {
          "@type": "ListItem",
          "name": "Home",
          "item": "https://academy.laioutr.com/",
          "position": 1
        },
        {
          "@type": "ListItem",
          "name": "Agentic UX Designer",
          "item": "https://academy.laioutr.com/lernpfade/lernpfad-ux-designer",
          "position": 2
        },
        {
          "@type": "ListItem",
          "name": "Barrierefreiheit nach WCAG 2.1 AA",
          "item": "https://academy.laioutr.com/lektionen/ux-designer-barrierefreiheit",
          "position": 3
        }
      ]
    }
  ]
}
```