> For the complete documentation index, see [llms.txt](https://doku.themeware.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://doku.themeware.design/handbuch/weiteres/barrierefreiheit/konfiguration.md).

# Konfiguration

## Layout

***

### Links unterstreichen

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• nein (vererben)\
• ja (überschreiben)

**Beispiel Wert**:\
`ja (überschreiben)`

**Pfad zur Einstellung**:\
Tab "Weiteres" => Bereich "Barrierefreiheit" => Abschnitt "Layout"

**Technischer Name**:\
`twt-accessibility-underline-links`

{% hint style="info" %}
Zur Verbesserung der Barrierefreiheit können bestimmte Links in der Storefront unterstrichen werden (z.B. in der Footer-Navigation, der Breadcrumb etc.).

**vererbt**: Die individuelle Konfiguration von Links wird nicht durch diese Konfiguration überschrieben.

**überschreiben**: Die individuelle Konfiguration ausgewählter Links wird überschrieben, damit diese Links unabhängig von ihrer Konfiguration unterstrichen werden.
{% endhint %}

***

### Textfarbe ('Element überspringen' link)

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#000000`

**Pfad zur Einstellung**:\
Tab "Weiteres" => Bereich "Barrierefreiheit" => Abschnitt "Layout"

**Technischer Name**:\
`twt-skip-target-link-color`

{% hint style="info" %}
Zur Verbesserung der Barrierefreiheit haben einige CMS-Elemente einen versteckten "Element überspringen"-Link. Die Textfarbe kannst du über diese Konfiguration anpassen.
{% endhint %}

## Formulare

***

### Fokus-Schattenfarbe @focus

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#000000`

**Pfad zur Einstellung**:\
Tab "Weiteres" => Bereich "Barrierefreiheit" => Abschnitt "Formulare"

**Technischer Name**:\
`twt-forms-input-btn-focus-color`

{% hint style="info" %}
Zur Verbesserung der Barrierefreiheit werden fokussierte Elemente mit einem Fokus-Ring gekennzeichnet. Die Farbe kannst du über diese Konfiguration anpassen.
{% endhint %}

## Skip-to-Content

***

### Textfarbe

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#333333`

**Pfad zur Einstellung**:\
Tab "Weiteres" => Bereich "Barrierefreiheit" => Abschnitt "Sprunglink-Leiste ('Skip to Content' bar)"

**Technischer Name**:\
`twt-skip-to-content-color`

***

### Hintergrundfarbe

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#eeeeee`

**Pfad zur Einstellung**:\
Tab "Weiteres" => Bereich "Barrierefreiheit" => Abschnitt "Sprunglink-Leiste ('Skip to Content' bar)"

**Technischer Name**:\
`twt-skip-to-content-background-color`

## Hero-Slider

***

### Automatischer Wechsel (autoplay)

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• nein\
• ja

**Beispiel Wert**:\
`nein`

**Pfad zur Einstellung**:\
Tab "Weiteres" => Bereich "Barrierefreiheit" => Abschnitt "ThemeWare® 'Hero-Slider' \[Pro-Edition]"

**Technischer Name**:\
`twt-cms-hero-slider-autoplay`

{% hint style="info" %}
**Bedenken hinsichtlich der Barrierefreiheit**: Das Aktivieren dieser Funktion kann dazu führen, dass Teile deiner Storefront für Menschen mit Einschränkungen nicht zugänglich sind. Dies kann eine Nichteinhaltung der in deiner Gerichtsbarkeit geltenden Barrierefreiheitsgesetze darstellen (z.B. des Europäischen Rechtsakts zur Barrierefreiheit). Mit dem Aktivieren dieser Konfiguration, erkennst du dieses Risiko an und übernimmst die volle Verantwortung.
{% endhint %}