hr-design-system-handlebars 1.82.6 → 1.82.8

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# v1.82.8 (Wed Jul 17 2024)
+
+#### 🐛 Bug Fix
+
+- Dpe 3227 b [#1012](https://github.com/mumprod/hr-design-system-handlebars/pull/1012) ([@vascoeduardo](https://github.com/vascoeduardo))
+
+#### Authors: 1
+
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
+# v1.82.7 (Wed Jul 17 2024)
+
+#### 🐛 Bug Fix
+
+- DPE-3240 AND DPE-3238 AND DPE-3240 - Barrierefreiheit und SEO für neuen Artikel [#1014](https://github.com/mumprod/hr-design-system-handlebars/pull/1014) ([@vascoeduardo](https://github.com/vascoeduardo))
+
+#### Authors: 1
+
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
 # v1.82.6 (Wed Jul 17 2024)
 
 #### 🐛 Bug Fix

package/dist/assets/brand/hessenschau/conf/locatags.merged.json

@@ -122,6 +122,7 @@
 	"search_input_aria_submit": "Suche starten",
 	"search_input_placeholder": "Ort oder Thema suchen",
 	"share_facebook_linktitle": "Bei Facebook teilen",
+	"share_linktitle": "Artikel teilen",
 	"share_headline": "Teilen",
 	"share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
 	"share_mail_linktitle": "Per E-Mail versenden",
@@ -142,6 +143,7 @@
 	"ticket_modal_label_ok": "Zum Ticketshop",
 	"ticket_modal_label_cancel": "Abbrechen",
 	"ticker_more": "Zum Ticker",
+	"top_button_aria_label": "Zum Seitenanfang springen",
 	"topictag_headline": "Alle Beiträge zum Thema {0}",
 	"topictag_metadescription_prefix": "Alle Beiträge zum Thema ",
 	"topictag_metatitle_prefix": "aktuelle Nachrichten und Informationen zum Thema ",

package/dist/assets/brand/hr/conf/locatags.merged.json

@@ -122,6 +122,7 @@
 	"search_input_aria_submit": "Suche starten",
 	"search_input_placeholder": "Ort oder Thema suchen",
 	"share_facebook_linktitle": "Bei Facebook teilen",
+	"share_linktitle": "Artikel teilen",
 	"share_headline": "Teilen",
 	"share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
 	"share_mail_linktitle": "Per E-Mail versenden",
@@ -142,6 +143,7 @@
 	"ticket_modal_label_ok": "Zum Ticketshop",
 	"ticket_modal_label_cancel": "Abbrechen",
 	"ticker_more": "Zum Ticker",
+	"top_button_aria_label": "Zum Seitenanfang springen",
 	"topictag_headline": "Alle Beiträge zum Thema {0}",
 	"topictag_metadescription_prefix": "Alle Beiträge zum Thema ",
 	"topictag_metatitle_prefix": "aktuelle Nachrichten und Informationen zum Thema ",

package/dist/assets/brand/hr-bigband/conf/locatags.merged.json

@@ -122,6 +122,7 @@
 	"search_input_aria_submit": "Suche starten",
 	"search_input_placeholder": "Ort oder Thema suchen",
 	"share_facebook_linktitle": "Bei Facebook teilen",
+	"share_linktitle": "Artikel teilen",
 	"share_headline": "Teilen",
 	"share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
 	"share_mail_linktitle": "Per E-Mail versenden",
@@ -142,6 +143,7 @@
 	"ticket_modal_label_ok": "Zum Ticketshop",
 	"ticket_modal_label_cancel": "Abbrechen",
 	"ticker_more": "Zum Ticker",
+	"top_button_aria_label": "Zum Seitenanfang springen",
 	"topictag_headline": "Alle Beiträge zum Thema {0}",
 	"topictag_metadescription_prefix": "Alle Beiträge zum Thema ",
 	"topictag_metatitle_prefix": "aktuelle Nachrichten und Informationen zum Thema ",

package/dist/assets/brand/hr-fernsehen/conf/locatags.merged.json

@@ -122,6 +122,7 @@
 	"search_input_aria_submit": "Suche starten",
 	"search_input_placeholder": "Ort oder Thema suchen",
 	"share_facebook_linktitle": "Bei Facebook teilen",
+	"share_linktitle": "Artikel teilen",
 	"share_headline": "Teilen",
 	"share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
 	"share_mail_linktitle": "Per E-Mail versenden",
@@ -142,6 +143,7 @@
 	"ticket_modal_label_ok": "Zum Ticketshop",
 	"ticket_modal_label_cancel": "Abbrechen",
 	"ticker_more": "Zum Ticker",
+	"top_button_aria_label": "Zum Seitenanfang springen",
 	"topictag_headline": "Alle Beiträge zum Thema {0}",
 	"topictag_metadescription_prefix": "Alle Beiträge zum Thema ",
 	"topictag_metatitle_prefix": "aktuelle Nachrichten und Informationen zum Thema ",

package/dist/assets/brand/hr-inforadio/conf/locatags.merged.json

@@ -122,6 +122,7 @@
 	"search_input_aria_submit": "Suche starten",
 	"search_input_placeholder": "Ort oder Thema suchen",
 	"share_facebook_linktitle": "Bei Facebook teilen",
+	"share_linktitle": "Artikel teilen",
 	"share_headline": "Teilen",
 	"share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
 	"share_mail_linktitle": "Per E-Mail versenden",
@@ -142,6 +143,7 @@
 	"ticket_modal_label_ok": "Zum Ticketshop",
 	"ticket_modal_label_cancel": "Abbrechen",
 	"ticker_more": "Zum Ticker",
+	"top_button_aria_label": "Zum Seitenanfang springen",
 	"topictag_headline": "Alle Beiträge zum Thema {0}",
 	"topictag_metadescription_prefix": "Alle Beiträge zum Thema ",
 	"topictag_metatitle_prefix": "aktuelle Nachrichten und Informationen zum Thema ",

package/dist/assets/brand/hr-rundfunkrat/conf/locatags.merged.json

@@ -122,6 +122,7 @@
 	"search_input_aria_submit": "Suche starten",
 	"search_input_placeholder": "Ort oder Thema suchen",
 	"share_facebook_linktitle": "Bei Facebook teilen",
+	"share_linktitle": "Artikel teilen",
 	"share_headline": "Teilen",
 	"share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
 	"share_mail_linktitle": "Per E-Mail versenden",
@@ -142,6 +143,7 @@
 	"ticket_modal_label_ok": "Zum Ticketshop",
 	"ticket_modal_label_cancel": "Abbrechen",
 	"ticker_more": "Zum Ticker",
+	"top_button_aria_label": "Zum Seitenanfang springen",
 	"topictag_headline": "Alle Beiträge zum Thema {0}",
 	"topictag_metadescription_prefix": "Alle Beiträge zum Thema ",
 	"topictag_metatitle_prefix": "aktuelle Nachrichten und Informationen zum Thema ",

package/dist/assets/brand/hr-sinfonieorchester/conf/locatags.merged.json

@@ -122,6 +122,7 @@
 	"search_input_aria_submit": "Suche starten",
 	"search_input_placeholder": "Ort oder Thema suchen",
 	"share_facebook_linktitle": "Bei Facebook teilen",
+	"share_linktitle": "Artikel teilen",
 	"share_headline": "Teilen",
 	"share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
 	"share_mail_linktitle": "Per E-Mail versenden",
@@ -142,6 +143,7 @@
 	"ticket_modal_label_ok": "Zum Ticketshop",
 	"ticket_modal_label_cancel": "Abbrechen",
 	"ticker_more": "Zum Ticker",
+	"top_button_aria_label": "Zum Seitenanfang springen",
 	"topictag_headline": "Alle Beiträge zum Thema {0}",
 	"topictag_metadescription_prefix": "Alle Beiträge zum Thema ",
 	"topictag_metatitle_prefix": "aktuelle Nachrichten und Informationen zum Thema ",

package/dist/assets/brand/hr-werbung/conf/locatags.merged.json

@@ -122,6 +122,7 @@
 	"search_input_aria_submit": "Suche starten",
 	"search_input_placeholder": "Ort oder Thema suchen",
 	"share_facebook_linktitle": "Bei Facebook teilen",
+	"share_linktitle": "Artikel teilen",
 	"share_headline": "Teilen",
 	"share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
 	"share_mail_linktitle": "Per E-Mail versenden",
@@ -142,6 +143,7 @@
 	"ticket_modal_label_ok": "Zum Ticketshop",
 	"ticket_modal_label_cancel": "Abbrechen",
 	"ticker_more": "Zum Ticker",
+	"top_button_aria_label": "Zum Seitenanfang springen",
 	"topictag_headline": "Alle Beiträge zum Thema {0}",
 	"topictag_metadescription_prefix": "Alle Beiträge zum Thema ",
 	"topictag_metatitle_prefix": "aktuelle Nachrichten und Informationen zum Thema ",

package/dist/assets/brand/hr1/conf/locatags.merged.json

@@ -122,6 +122,7 @@
 	"search_input_aria_submit": "Suche starten",
 	"search_input_placeholder": "Ort oder Thema suchen",
 	"share_facebook_linktitle": "Bei Facebook teilen",
+	"share_linktitle": "Artikel teilen",
 	"share_headline": "Teilen",
 	"share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
 	"share_mail_linktitle": "Per E-Mail versenden",
@@ -142,6 +143,7 @@
 	"ticket_modal_label_ok": "Zum Ticketshop",
 	"ticket_modal_label_cancel": "Abbrechen",
 	"ticker_more": "Zum Ticker",
+	"top_button_aria_label": "Zum Seitenanfang springen",
 	"topictag_headline": "Alle Beiträge zum Thema {0}",
 	"topictag_metadescription_prefix": "Alle Beiträge zum Thema ",
 	"topictag_metatitle_prefix": "aktuelle Nachrichten und Informationen zum Thema ",

package/dist/assets/brand/hr2/conf/locatags.merged.json

@@ -122,6 +122,7 @@
 	"search_input_aria_submit": "Suche starten",
 	"search_input_placeholder": "Ort oder Thema suchen",
 	"share_facebook_linktitle": "Bei Facebook teilen",
+	"share_linktitle": "Artikel teilen",
 	"share_headline": "Teilen",
 	"share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
 	"share_mail_linktitle": "Per E-Mail versenden",
@@ -142,6 +143,7 @@
 	"ticket_modal_label_ok": "Zum Ticketshop",
 	"ticket_modal_label_cancel": "Abbrechen",
 	"ticker_more": "Zum Ticker",
+	"top_button_aria_label": "Zum Seitenanfang springen",
 	"topictag_headline": "Alle Beiträge zum Thema {0}",
 	"topictag_metadescription_prefix": "Alle Beiträge zum Thema ",
 	"topictag_metatitle_prefix": "aktuelle Nachrichten und Informationen zum Thema ",

package/dist/assets/brand/hr3/conf/locatags.merged.json

@@ -122,6 +122,7 @@
 	"search_input_aria_submit": "Suche starten",
 	"search_input_placeholder": "Ort oder Thema suchen",
 	"share_facebook_linktitle": "Bei Facebook teilen",
+	"share_linktitle": "Artikel teilen",
 	"share_headline": "Teilen",
 	"share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
 	"share_mail_linktitle": "Per E-Mail versenden",
@@ -142,6 +143,7 @@
 	"ticket_modal_label_ok": "Zum Ticketshop",
 	"ticket_modal_label_cancel": "Abbrechen",
 	"ticker_more": "Zum Ticker",
+	"top_button_aria_label": "Zum Seitenanfang springen",
 	"topictag_headline": "Alle Beiträge zum Thema {0}",
 	"topictag_metadescription_prefix": "Alle Beiträge zum Thema ",
 	"topictag_metatitle_prefix": "aktuelle Nachrichten und Informationen zum Thema ",

package/dist/assets/brand/hr4/conf/locatags.merged.json

@@ -122,6 +122,7 @@
 	"search_input_aria_submit": "Suche starten",
 	"search_input_placeholder": "Ort oder Thema suchen",
 	"share_facebook_linktitle": "Bei Facebook teilen",
+	"share_linktitle": "Artikel teilen",
 	"share_headline": "Teilen",
 	"share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
 	"share_mail_linktitle": "Per E-Mail versenden",
@@ -142,6 +143,7 @@
 	"ticket_modal_label_ok": "Zum Ticketshop",
 	"ticket_modal_label_cancel": "Abbrechen",
 	"ticker_more": "Zum Ticker",
+	"top_button_aria_label": "Zum Seitenanfang springen",
 	"topictag_headline": "Alle Beiträge zum Thema {0}",
 	"topictag_metadescription_prefix": "Alle Beiträge zum Thema ",
 	"topictag_metatitle_prefix": "aktuelle Nachrichten und Informationen zum Thema ",

package/dist/assets/brand/you-fm/conf/locatags.merged.json

@@ -122,6 +122,7 @@
 	"search_input_aria_submit": "Suche starten",
 	"search_input_placeholder": "Ort oder Thema suchen",
 	"share_facebook_linktitle": "Bei Facebook teilen",
+	"share_linktitle": "Artikel teilen",
 	"share_headline": "Teilen",
 	"share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
 	"share_mail_linktitle": "Per E-Mail versenden",
@@ -142,6 +143,7 @@
 	"ticket_modal_label_ok": "Zum Ticketshop",
 	"ticket_modal_label_cancel": "Abbrechen",
 	"ticker_more": "Zum Ticker",
+	"top_button_aria_label": "Zum Seitenanfang springen",
 	"topictag_headline": "Alle Beiträge zum Thema {0}",
 	"topictag_metadescription_prefix": "Alle Beiträge zum Thema ",
 	"topictag_metatitle_prefix": "aktuelle Nachrichten und Informationen zum Thema ",

package/dist/assets/index.css

@@ -439,7 +439,7 @@ video {
   --tw-gradient-to-position:  ;
 }
 
-.ds-focus, .ds-focus:not(:focus-visible), .ds-button, .ds-button:not(:focus-visible), .ds-button-round, .ds-button-round:not(:focus-visible), .ds-link, .ds-link:not(:focus-visible), .ds-teaser-focus, .ds-teaser-focus::before, .ds-cta > *, .ds-teaser-focus:not(:focus-visible)::before, .-isOpen, .shadow, .shadow-md, .shadow-xl, .toggleSwitch-label, .before\:shadow-stage::before {
+.ds-focus, .ds-focus:not(:focus-visible), .ds-button, .ds-button:not(:focus-visible), .ds-button-round, .ds-button-round:not(:focus-visible), .ds-link, .ds-link:not(:focus-visible), .ds-teaser-focus, .ds-teaser-focus::before, .ds-cta > *, .ds-teaser-focus:not(:focus-visible)::before, .-isOpen, .link, .link:not(:focus-visible), .shadow, .shadow-md, .shadow-xl, .toggleSwitch-label, .before\:shadow-stage::before {
   --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
   --tw-ring-shadow: 0 0 rgba(0,0,0,0);
   --tw-shadow: 0 0 rgba(0,0,0,0);
@@ -987,6 +987,28 @@ article.indexTextDS .indexTextHighlighted .link {
   text-decoration-thickness: 1px;
 }
 /* -----------------------------COPYTEXT ---------------------------- */
+.copytextParagraphDS .link:focus {
+  --tw-shadow: 0 0 0 0.25rem;
+  --tw-shadow-colored: 0 0 0 0.25rem var(--tw-shadow-color);
+  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
+  --tw-shadow-color: var(--color-focus-state);
+  --tw-shadow: var(--tw-shadow-colored);
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+.copytextParagraphDS .link:focus:not(:focus-visible) {
+  --tw-shadow: 0 0 rgba(0,0,0,0);
+  --tw-shadow-colored: 0 0 rgba(0,0,0,0);
+  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
+}
+.copytextParagraphDS .link.ds-teaser-focus:focus {
+  --tw-shadow: 0 0 rgba(0,0,0,0);
+  --tw-shadow-colored: 0 0 rgba(0,0,0,0);
+  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
+}
 .copytextParagraphDS .link {
   color: #006eb7;
   color: var(--color-link);
@@ -3314,7 +3336,7 @@ article.indexTextDS .indexTextHighlighted .link {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1721221510443;
+  counter-reset: cnt1721222396274;
 }
 .hyphens-auto {
   -webkit-hyphens: auto;
@@ -3712,7 +3734,7 @@ article.indexTextDS .indexTextHighlighted .link {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1721221510443 1;
+  counter-increment: cnt1721222396274 1;
 }
 .-ordered::before {
   position: absolute;
@@ -3728,7 +3750,7 @@ article.indexTextDS .indexTextHighlighted .link {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1721221510443);
+  content: counter(cnt1721222396274);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */

package/dist/views/components/base/a11y/ariaLabelText.hbs

@@ -11,6 +11,14 @@ Creates a text element that is only relevant for screenreaders. It will not be v
 `_text`     The text for the screen reader.<br>
 `_locaTag`  The loca tag for the text for the screen reader.<br>
 
+HINWEIS:
+The aria-label attribute is used to provide an accessible name for an element, 
+but it should only be applied to elements that can have a role where it makes 
+sense to provide such a label. A <span> element by itself does not have an implicit 
+role that supports an aria-label.
+
+DON'T USE THIS ANYMORE
+
 --}}
 <span aria-label="
     {{~#if _text ~}}

package/dist/views/components/base/link.hbs

@@ -9,7 +9,7 @@
             data-json-url='{{_link.jsonUrl}}'
         {{/if}}
         {{#if _link.isStaticUrl}}href="{{#if _link.site}}{{resourceUrl _link.url _site=_link.site}}{{else}}{{resourceUrl _link.url}}{{/if}}{{else}}href="{{_link.url}}{{/if}}{{#if this.hasComments}}#commentList{{/if}}"
-        class="sb-link ds-link js-load{{#if _link.isUserConsentNeeded}} js-user-consent-needed{{/if}} {{#if _isSelected}} {{defaultIfEmpty _selectedCssClass "-current"}}{{/if}}{{#if _css}} {{_css}}{{/if}} {{#> css}}{{/css}}"
+        class="ds-link js-load{{#if _link.isUserConsentNeeded}} js-user-consent-needed{{/if}} {{#if _isSelected}} {{defaultIfEmpty _selectedCssClass "-current"}}{{/if}}{{#if _css}} {{_css}}{{/if}} {{#> css}}{{/css}}"
         {{#if _link.isTargetBlank}} target="_blank"  rel="noopener{{#if _link.hasNoReferrerFlag}} noreferrer{{/if}}"{{/if}}
         {{#if _isAriaHidden}} aria-hidden="true" tabindex="-1"{{/if}}
         {{#> htmlProperties}}{{/htmlProperties}}

package/dist/views/components/button/top_topics_button.hbs

@@ -6,5 +6,6 @@
     {{/components/base/link}}
     {{#*inline "htmlProperties"}}
         {{> components/tracking/navigation_tracking _clickLabelType="TopThemenNavigation" _clickLabelPrefix1=this.title}}
+        x-effect="$el.setAttribute('tabindex',  $store.burgeropen || $screen('lg') ? '0' : '-1')"
     {{/inline}}
 {{/with}}

package/dist/views/components/content/copytext/components/contentbox/contentbox.hbs

@@ -3,7 +3,7 @@
     {{~> components/base/a11y/hiddenText _locaTag="story_infobox_intro_sr" ~}}
 
     {{~#if this.title}}
-        <h3 class="-mt-1 text-lg sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.title}}</h3>
+        <h3 class="text-lg sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.title}}</h3>
     {{/if}}
 
     {{~#with this.copytextParagraph.[0].paragraphBoxItem }}

package/dist/views/components/content/copytext/components/infobox.hbs

@@ -3,7 +3,7 @@
     <span class="sr-only">{{loca "story_infobox_intro_sr" }}</span>
 
     {{~#if this.paragraphProperties.[0].title}}
-        <h3 class="-mt-1 text-lg sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.paragraphProperties.[0].title}}</h3>
+        <h3 class="text-lg sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.paragraphProperties.[0].title}}</h3>
     {{/if}}
 
     {{~#with this.paragraphBoxItem }}

package/dist/views/components/content/copytext/components/media/media_figure.hbs

@@ -13,7 +13,7 @@
             {{/if~}}
             {{#if this.isVideo}}
                 {{#with this.toModel.mediaBacklinkToStoryTeaser}}
-                    {{#>components/base/link _link=this.link _css="hover:underline hover:!decoration-1 text-link dark:text-link-dark"}}
+                    {{#>components/base/link _link=this.link _css="hover:underline hover:!decoration-1 text-link dark:text-link-dark ds-link block"}}
                         {{> components/content/copytext/components/media/media_figure_headline}}
                     {{/components/base/link}}
                 {{/with}}

package/dist/views/components/content/copytext/components/media/media_figure_headline.hbs

@@ -1,5 +1,4 @@
-<h3 class="mt-1">
-    {{> components/base/a11y/ariaLabelText _text=this.readMoreScreenreader }}
+<h3 class="mt-1"  aria-label="{{this.readMoreScreenreader}} {{this.title}}">
     <span class="text-lg sm480:text-xl font-headingSerif dark:text-text-dark">
         {{this.title}}
     </span>

package/dist/views/components/footer/page_footer_metadata.hbs

@@ -1,5 +1,5 @@
 <div class="flex flex-col self-center text-sm md:self-end w-fit md:flex-row">
-    <div class="flex justify-center w-auto md:justify-start">
+    <div class="flex items-center justify-center w-auto h-8 md:justify-start md:h-auto">
         {{#with this}}
         {{#> components/base/link _link=_hrDeLink _css="flex whitespace-nowrap hover:underline"}}
             &copy; {{{../../_hrDeLink-adjust_context.text}}} {{{../../_hrDeLink-adjust_context.currentTime.year}}}
@@ -23,7 +23,7 @@
 
     <span class="hidden px-2 md:flex ">|</span>
 
-    <div class="flex justify-center w-auto md:justify-start">
+    <div class="flex items-center justify-center w-auto h-8 md:justify-start md:h-auto">
         {{#with this}}
         {{#> components/base/link _link=_ardDeLink _css="flex whitespace-nowrap hover:underline"}}
             {{{../../_ardDeLink-adjust_context.text}}}
@@ -47,7 +47,7 @@
 
     <span class="hidden px-2 md:flex ">|</span>
 
-    <div class="flex justify-center w-auto md:justify-start">
+    <div class="flex items-center justify-center w-auto h-8 md:justify-start md:h-auto">
         {{#with this}}
          {{#> components/base/link _link=_dataProtectionLink _css="flex whitespace-nowrap hover:underline"}}
             {{{../../_dataProtectionLink-adjust_context.text}}}
@@ -71,7 +71,7 @@
 
     <span class="hidden px-2 md:flex ">|</span>
 
-    <div class="flex justify-center w-auto md:justify-start">
+    <div class="flex items-center justify-center w-auto h-8 md:justify-start md:h-auto">
         {{#with this}}
          {{#> components/base/link _link=_imprintLink _css="flex whitespace-nowrap hover:underline"}}
             {{{../../_imprintLink-adjust_context.text}}}

package/dist/views/components/page/components/author.hbs

@@ -33,7 +33,7 @@
             <div class="self-start text-xs sm480:text-sm basis-0 grow font-headingSerif text-gray-scorpion dark:text-text-dark">
                 {{#unless _hideFrom }}Von{{/unless}}
                 {{#if this.authorUrl~}}
-                    <a href="{{this.authorUrl}}" {{#with this.webviewAuthorUrl}}data-webviewurl="{{this}}"{{/with}} class="{{if (isUserConsentNeeded this.authorUrl) 'js-user-consent-needed ' ''}}text-link hover:underline dark:text-link-dark ">{{this.authorTitle}}</a>
+                    <a href="{{this.authorUrl}}" {{#with this.webviewAuthorUrl}}data-webviewurl="{{this}}"{{/with}} class="{{if (isUserConsentNeeded this.authorUrl) 'js-user-consent-needed ' ''}}ds-link text-link hover:underline dark:text-link-dark ">{{this.authorTitle}}</a>
                 {{else}}
                     {{this.authorTitle}}
                 {{/if}}

package/dist/views/components/page/components/commentlink.ssi.hbs

@@ -1,4 +1,4 @@
-<a class="text-xs sm480:text-sm font-headingSerif text-link hover:underline dark:text-link-dark" href="#commentList">
+<a class="text-xs sm480:text-sm font-headingSerif ds-link text-link hover:underline dark:text-link-dark" href="#commentList">
     {{> components/base/image/icon _icon="kommentar" _iconmap="icons" _addClass="mr-0.5 inline w-5 h-5 text-link dark:text-link-dark fill-current"}}
     <span class="sr-only">{{loca "comment_anchor_1"}}</span>
     <span>{{this.quantity}}</span>

package/dist/views/components/program_reference/program_reference.hbs

@@ -4,10 +4,10 @@
     <div class="flex flex-wrap pt-2 gap-x-4 w-fit sm:w-full">
         {{#if this.link}}
             {{#>components/base/link _link=this.link _css="w-full"}}
-                <img class="max-w-full" alt="{{defaultIfEmpty _logo ../this.name}}" src="{{resourceUrl "assets/images/logos/"}}{{defaultIfEmpty _logo ../this.name}}.png">
+                <img class="max-w-full" loading="lazy" alt="{{defaultIfEmpty _logo ../this.name}}" src="{{resourceUrl "assets/images/logos/"}}{{defaultIfEmpty _logo ../this.name}}.png">
             {{/components/base/link}}
         {{else}}
-            <img class="max-w-full" alt="{{defaultIfEmpty _logo this.name}}" src="{{resourceUrl "assets/images/logos/"}}{{defaultIfEmpty _logo this.name}}.png">
+            <img class="max-w-full" loading="lazy" alt="{{defaultIfEmpty _logo this.name}}" src="{{resourceUrl "assets/images/logos/"}}{{defaultIfEmpty _logo this.name}}.png">
         {{/if}}
         {{#if this.date}}
             <time datetime="{{#if this.displayWithTime}}{{this.date.htmlDateTime}}{{else}}{{this.date.date}}{{/if}}"

package/dist/views/components/social_sharing/social_sharing_horizontal.hbs

@@ -15,6 +15,7 @@
                 x-on:click="toggle()"
                 :aria-expanded="open"
                 :aria-controls="$id('dropdown-button')"
+                aria-label="{{loca "share_linktitle" }}"
                 x-show="$store.sharingIsVisible"
                 {{#with ../this.trackingData}}
                     data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::sharingmenuopened"}]}'

package/dist/views/components/social_sharing/social_sharing_mobile.hbs

@@ -14,7 +14,7 @@
             x-on:click="toggle()"
             :aria-expanded="open"
             :aria-controls="$id('dropdown-button')"
-            
+            aria-label='{{loca "share_linktitle" }}'
             {{#with ../this.trackingData}}
                 data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::sharingmenuopened"}]}'
             {{/with}}

package/dist/views/components/top_button/top_button.hbs

@@ -19,6 +19,7 @@
                 @click="window.scrollTo({top: 0, behavior: 'smooth'})"
                 :class="$store.footerIsVisible ? '-mt-6' : '-mt-12'"        
                 class="{{> components/button/utilities/button_base_classes}} {{> components/button/utilities/button_variation_classes _variant="primary"}} ml-auto z-100 p-2 h-max mr-5 hover:scale-105  [@media(min-width:1170px)]:-mr-14"
+                aria-label='{{loca "top_button_aria_label" }}'
                 >
                 {{> components/base/image/icon _icon="arrow-up"  _addClass="w-5 h-5 fill-current dark:fill-link-dark"}}            
             </button>

package/dist/views_static/components/base/a11y/ariaLabelText.hbs

@@ -11,6 +11,14 @@ Creates a text element that is only relevant for screenreaders. It will not be v
 `_text`     The text for the screen reader.<br>
 `_locaTag`  The loca tag for the text for the screen reader.<br>
 
+HINWEIS:
+The aria-label attribute is used to provide an accessible name for an element, 
+but it should only be applied to elements that can have a role where it makes 
+sense to provide such a label. A <span> element by itself does not have an implicit 
+role that supports an aria-label.
+
+DON'T USE THIS ANYMORE
+
 --}}
 <span aria-label="
     {{~#if _text ~}}

package/dist/views_static/components/base/link.hbs

@@ -9,7 +9,7 @@
             data-json-url='{{_link.jsonUrl}}'
         {{/if}}
         {{#if _link.isStaticUrl}}href="{{#if _link.site}}{{resourceUrl _link.url _site=_link.site}}{{else}}{{resourceUrl _link.url}}{{/if}}{{else}}href="{{_link.url}}{{/if}}{{#if this.hasComments}}#commentList{{/if}}"
-        class="sb-link ds-link js-load{{#if _link.isUserConsentNeeded}} js-user-consent-needed{{/if}} {{#if _isSelected}} {{defaultIfEmpty _selectedCssClass "-current"}}{{/if}}{{#if _css}} {{_css}}{{/if}} {{#> css}}{{/css}}"
+        class="ds-link js-load{{#if _link.isUserConsentNeeded}} js-user-consent-needed{{/if}} {{#if _isSelected}} {{defaultIfEmpty _selectedCssClass "-current"}}{{/if}}{{#if _css}} {{_css}}{{/if}} {{#> css}}{{/css}}"
         {{#if _link.isTargetBlank}} target="_blank"  rel="noopener{{#if _link.hasNoReferrerFlag}} noreferrer{{/if}}"{{/if}}
         {{#if _isAriaHidden}} aria-hidden="true" tabindex="-1"{{/if}}
         {{#> htmlProperties}}{{/htmlProperties}}

package/dist/views_static/components/button/top_topics_button.hbs

@@ -6,5 +6,6 @@
     {{/components/base/link}}
     {{#*inline "htmlProperties"}}
         {{> components/tracking/navigation_tracking _clickLabelType="TopThemenNavigation" _clickLabelPrefix1=this.title}}
+        x-effect="$el.setAttribute('tabindex',  $store.burgeropen || $screen('lg') ? '0' : '-1')"
     {{/inline}}
 {{/with}}

package/dist/views_static/components/content/copytext/components/contentbox/contentbox.hbs

@@ -3,7 +3,7 @@
     {{~> components/base/a11y/hiddenText _locaTag="story_infobox_intro_sr" ~}}
 
     {{~#if this.title}}
-        <h3 class="-mt-1 text-lg sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.title}}</h3>
+        <h3 class="text-lg sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.title}}</h3>
     {{/if}}
 
     {{~#with this.copytextParagraph.[0].paragraphBoxItem }}

package/dist/views_static/components/content/copytext/components/infobox.hbs

@@ -3,7 +3,7 @@
     <span class="sr-only">{{loca "story_infobox_intro_sr" }}</span>
 
     {{~#if this.paragraphProperties.[0].title}}
-        <h3 class="-mt-1 text-lg sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.paragraphProperties.[0].title}}</h3>
+        <h3 class="text-lg sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.paragraphProperties.[0].title}}</h3>
     {{/if}}
 
     {{~#with this.paragraphBoxItem }}

package/dist/views_static/components/content/copytext/components/media/media_figure.hbs

@@ -13,7 +13,7 @@
             {{/if~}}
             {{#if this.isVideo}}
                 {{#with this.toModel.mediaBacklinkToStoryTeaser}}
-                    {{#>components/base/link _link=this.link _css="hover:underline hover:!decoration-1 text-link dark:text-link-dark"}}
+                    {{#>components/base/link _link=this.link _css="hover:underline hover:!decoration-1 text-link dark:text-link-dark ds-link block"}}
                         {{> components/content/copytext/components/media/media_figure_headline}}
                     {{/components/base/link}}
                 {{/with}}

package/dist/views_static/components/content/copytext/components/media/media_figure_headline.hbs

@@ -1,5 +1,4 @@
-<h3 class="mt-1">
-    {{> components/base/a11y/ariaLabelText _text=this.readMoreScreenreader }}
+<h3 class="mt-1"  aria-label="{{this.readMoreScreenreader}} {{this.title}}">
     <span class="text-lg sm480:text-xl font-headingSerif dark:text-text-dark">
         {{this.title}}
     </span>

package/dist/views_static/components/footer/page_footer_metadata.hbs

@@ -1,5 +1,5 @@
 <div class="flex flex-col self-center text-sm md:self-end w-fit md:flex-row">
-    <div class="flex justify-center w-auto md:justify-start">
+    <div class="flex items-center justify-center w-auto h-8 md:justify-start md:h-auto">
         {{#with this}}
         {{#> components/base/link _link=_hrDeLink _css="flex whitespace-nowrap hover:underline"}}
             &copy; {{{_hrDeLink.text}}} {{{_hrDeLink.currentTime.year}}}
@@ -23,7 +23,7 @@
 
     <span class="hidden px-2 md:flex ">|</span>
 
-    <div class="flex justify-center w-auto md:justify-start">
+    <div class="flex items-center justify-center w-auto h-8 md:justify-start md:h-auto">
         {{#with this}}
         {{#> components/base/link _link=_ardDeLink _css="flex whitespace-nowrap hover:underline"}}
             {{{_ardDeLink.text}}}
@@ -47,7 +47,7 @@
 
     <span class="hidden px-2 md:flex ">|</span>
 
-    <div class="flex justify-center w-auto md:justify-start">
+    <div class="flex items-center justify-center w-auto h-8 md:justify-start md:h-auto">
         {{#with this}}
          {{#> components/base/link _link=_dataProtectionLink _css="flex whitespace-nowrap hover:underline"}}
             {{{_dataProtectionLink.text}}}
@@ -71,7 +71,7 @@
 
     <span class="hidden px-2 md:flex ">|</span>
 
-    <div class="flex justify-center w-auto md:justify-start">
+    <div class="flex items-center justify-center w-auto h-8 md:justify-start md:h-auto">
         {{#with this}}
          {{#> components/base/link _link=_imprintLink _css="flex whitespace-nowrap hover:underline"}}
             {{{_imprintLink.text}}}

package/dist/views_static/components/page/components/author.hbs

@@ -33,7 +33,7 @@
             <div class="self-start text-xs sm480:text-sm basis-0 grow font-headingSerif text-gray-scorpion dark:text-text-dark">
                 {{#unless _hideFrom }}Von{{/unless}}
                 {{#if this.authorUrl~}}
-                    <a href="{{this.authorUrl}}" {{#with this.webviewAuthorUrl}}data-webviewurl="{{this}}"{{/with}} class="{{if (isUserConsentNeeded this.authorUrl) 'js-user-consent-needed ' ''}}text-link hover:underline dark:text-link-dark ">{{this.authorTitle}}</a>
+                    <a href="{{this.authorUrl}}" {{#with this.webviewAuthorUrl}}data-webviewurl="{{this}}"{{/with}} class="{{if (isUserConsentNeeded this.authorUrl) 'js-user-consent-needed ' ''}}ds-link text-link hover:underline dark:text-link-dark ">{{this.authorTitle}}</a>
                 {{else}}
                     {{this.authorTitle}}
                 {{/if}}

package/dist/views_static/components/page/components/commentlink.ssi.hbs

@@ -1,4 +1,4 @@
-<a class="text-xs sm480:text-sm font-headingSerif text-link hover:underline dark:text-link-dark" href="#commentList">
+<a class="text-xs sm480:text-sm font-headingSerif ds-link text-link hover:underline dark:text-link-dark" href="#commentList">
     {{> components/base/image/icon _icon="kommentar" _iconmap="icons" _addClass="mr-0.5 inline w-5 h-5 text-link dark:text-link-dark fill-current"}}
     <span class="sr-only">{{loca "comment_anchor_1"}}</span>
     <span>{{this.quantity}}</span>