# 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**:\
`$sw-color-brand-primary`

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

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

{% hint style="info" %}
Zur Verbesserung der Barrierefreiheit haben einige fokussierte Formular-Felder einen Schlagschatten. 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 "Skip-to-Content"

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

***

### Hintergrundfarbe

**Feldtyp**:\
Farbauswahl

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

**Pfad zur Einstellung**:\
Tab "Weiteres" => Bereich "Barrierefreiheit" => Abschnitt "Skip-to-Content"

**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 "Hero-Slider"

**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 %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://doku.themeware.design/handbuch/weiteres/barrierefreiheit/konfiguration.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.