Configuration

Layout


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

circle-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.


Field type: Color picker

Example value: #000000

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

Technical name: twt-skip-target-link-color

circle-info

To improve accessibility, some CMS elements have a hidden "Skip element" link. You can adjust the text colour via this configuration.

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

circle-info

To improve accessibility, some focused form fields have a box shadow. You can adjust the colour via this configuration.

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

circle-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.

Last updated

Was this helpful?