ThemeWare® 3.6.7

ThemeWare® 3.6.7 is now available! 🎉 The new release includes the following changes:

Changes

• The "focus visibility" of some elements has been optimised to improve accessibility
• The "Dot navigation" of the slider elements has been optimized to improve accessibility
• HTML syntax of height and width attributes in template files improved
• Configuration "Alt text" for images in CMS elements adopted from ThemeWare® 4.0 [Pro Edition]
• Configuration "Mark image as decorative" for images in CMS elements adopted from ThemeWare® 4.0 [Pro Edition]
• Configuration of the "Breadcrumb" extended and styling improved
• Flyout compatibility established when using the feature flag "ACCESSIBILITY_TWEAKS"

Changes in detail

The "focus visibility" of some elements has been optimised to improve accessibility

The "focus visibility" of some elements has been optimised to improve accessibility.

The "Dot navigation" of the slider elements has been optimized to improve accessibility

Due to Shopware's new "box shadows" to improve accessibility, some hover effects in the dot navigation of various slider elements no longer worked as intended. We have restored these effects and further optimized them – further improvements will follow in upcoming updates.

We are also currently working on applying the theme configuration to the "Hero Slider". We have already implemented the first improvements in this release.

HTML syntax of height and width attributes in template files improved

Height and width attributes have been improved by removing incorrectly added "px" units.

Configuration "Alt text" for images in CMS elements adopted from ThemeWare® 4.0 [Pro Edition]

The alt text for images can now be entered directly in the ThemeWare® CMS elements, allowing them to be described barrier-free.

Configuration "Mark image as decorative" for images in CMS elements adopted from ThemeWare® 4.0 [Pro Edition]

In the CMS elements of ThemeWare® it is now possible to mark images as decorative. This means that they are ignored by screen readers and a descriptive alt text is not necessary.

Configuration of the "Breadcrumb" extended and styling improved

The configuration of the "Breadcrumb" has been extended. There is now a configuration for underlining the links. This serves to improve accessibility. A configuration to also represent the separator icons in the "Buttons" layout type has been added and there is now a configuration to remove the frame around the "Buttons".

In addition, help texts have been added or extended in the theme configuration, the styling of the breadcrumb has been checked and the CSS code has been optimised.

Accessibility: To improve accessibility, the "Buttons" layout type has been given a new hover effect and the text/icon colour of the breadcrumb has been changed from #999999 to #444444. The colour change affects the following configuration fields:

• Tab "Content" => Block "Breadcrumb" => Section "Colour configuration" => "Text colour (Further information)"
• Tab "Content" => Block "Breadcrumb" => Section "Colour configuration" => "Link colour"
• Tab "Content" => Block "Breadcrumb" => Section "Colour configuration" => "Link colour @active"

Flyout compatibility established when using the feature flag "ACCESSIBILITY_TWEAKS"

The flyout of the top navigation now also works when the feature flag "ACCESSIBILITY_TWEAKS" is used.