Awards, seals or certificates

The widget "Awards, seals or certificates" is a widget for shop awards or trust badges or security certificates.

Configuration

You can configure the "Awards, seals or certificates" widget in the theme configuration.

You can find the configuration in the "Widgets" tab.

Content

• Edit the headline using the snippet twt.widget.awards.headline.

• Edit the text using the snippet twt.widget.awards.content.

  • Both are only displayed if the "Show additional text" option is enabled.

• You label the included SSL seal via twt.widget.awards.sslSeal.alt / .title.

• For custom logos you maintain the title, alt text, aria label and alternative URL via twt.widget.awards.customImage1–6.* (see "Accessibility").

Unfortunately, images such as certificates or seals that are integrated via the theme configuration do not automatically receive the alt text stored in the media management. To ensure that these images can still be integrated without barriers, ThemeWare® provides separate snippets for this purpose, which you can use individually.

You can maintain the tooltip text (title attribute) using the following snippet:

• twt.widget.awards.customImage1.title

• twt.widget.awards.customImage2.title

• twt.widget.awards.customImage3.title

The title is displayed on mouseover, but is not relevant for accessibility, as it is usually ignored by screen readers.

Whether you use the alt or the aria-label depends on whether the image is linked or not:

• Alt attribute (for non-linked images)

  • If the image is not linked, the alt.Text isintegrated directly into the img tag. This is controlled by the appropriate snippet.

Tip: Use alt and aria-label attributes to make your texts more detailed, specific and context-sensitive than the title text, for example.

Instead of just "SSL-encrypted", you could write, for example: "Your data is protected by SSL encryption". This also benefits screen reader users and at the same time makes it look more trustworthy for all visitors.

• Show additional text

  • Shows the headline and text (snippets twt.widget.awards.headline / twt.widget.awards.content).

• Show default SSL seal

• Tab "Widgets" => Block "Awards, seals or certificates"

• Tab "Widgets" => Block "Awards, seals or certificates" => Section "Basic configuration" => Show additional text / Show default SSL seal

• Headline

  • twt.widget.awards.headline

• Text