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