# Configuration

## Layout

***

### Underline links

**Field type**:\
Select

**Available values**:\
• no (inherited)\
• yes (overwrite)

**Example value**:\
`yes (overwrite)`

**Path to the configuration**:\
Tab "Others" => Block "Accessibility" => Section "Layout"

**Technical name**:\
`twt-accessibility-underline-links`

{% hint style="info" %}
To improve accessibility, certain links in the storefront can be underlined (e.g. in the footer navigation, breadcrumb, etc.).

**inherited**: The individual configuration of links is not overwritten by this configuration.

**overwrite**: The individual configuration of selected links is overwritten so that these links are underlined regardless of their configuration.
{% endhint %}

***

### Text colour ('Skip element' link)

**Field type**:\
Color picker

**Example value**:\
`#000000`

**Path to the configuration**:\
Tab "Others" => Block "Accessibility" => Section "Layout"

**Technical name**:\
`twt-skip-target-link-color`

{% hint style="info" %}
To improve accessibility, some CMS elements have a hidden "Skip element" link. You can adjust the text colour via this configuration.
{% endhint %}

## Forms

***

### Focus shadow colour @focus

**Field type**:\
Color picker

**Example value**:\
`$sw-color-brand-primary`

**Path to the configuration**:\
Tab "Others" => Block "Accessibility" => Section "Forms"

**Technical name**:\
`twt-forms-input-btn-focus-color`

{% hint style="info" %}
To improve accessibility, some focused form fields have a box shadow. You can adjust the colour via this configuration.
{% endhint %}

## Skip-to-Content

***

### Text colour

**Field type**:\
Color picker

**Example value**:\
`#333333`

**Path to the configuration**:\
Tab "Others" => Block "Accessibility" => Section "Skip-to-Content"

**Technical name**:\
`twt-skip-to-content-color`

***

### Background colour

**Field type**:\
Color picker

**Example value**:\
`#eeeeee`

**Path to the configuration**:\
Tab "Others" => Block "Accessibility" => Section "Skip-to-Content"

**Technical name**:\
`twt-skip-to-content-background-color`

## Hero slider

***

### Automatic transition (autoplay)

**Field type**:\
Select

**Available values**:\
• no\
• yes

**Example value**:\
`no`

**Path to the configuration**:\
Tab "Others" => Block "Accessibility" => Section "Hero slider"

**Technical name**:\
`twt-cms-hero-slider-autoplay`

{% hint style="info" %}
**Accessibility concerns**: Enabling this feature may make parts of your storefront inaccessible to users with disabilities. This may result in non-compliance with accessibility laws applicable in your jurisdiction (e.g., the European Accessibility Act). By activating this configuration, you acknowledge this risk and accept full responsibility.
{% endhint %}