Layout
Underlining of certain links and colour of the "Skip element" link that some CMS elements have.
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
Colour of the focus ring that marks focused elements.
Focus shadow colour @focus
Field type:
Color picker
Example value:#000000
Path to the configuration:
Tab "Others" => Block "Accessibility" => Section "Forms"
Technical name:twt-forms-input-btn-focus-color
To improve accessibility, focused elements are marked with a focus ring. You can adjust its colour via this configuration.
Skip-to-Content
Colours of the skip link bar that lets keyboard users jump straight to the content.
Text colour
Field type:
Color picker
Example value:#333333
Path to the configuration:
Tab "Others" => Block "Accessibility" => Section "'Skip to Content' bar"
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' bar"
Technical name:twt-skip-to-content-background-color
Hero slider
Automatic transition of the slides in the hero slider. It is deactivated by default for accessibility reasons.
Automatic transition (autoplay)
Field type:
Select
Available values:
• no
• yes
Example value:no
Path to the configuration:
Tab "Others" => Block "Accessibility" => Section "ThemeWare® 'Hero slider' Pro"
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.