hr-design-system-handlebars 1.82.6 → 1.82.8

package/dist/views_static/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_static/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_static/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_static/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/package.json

@@ -6,7 +6,7 @@
     "license": "MIT",
     "main": "dist/index.js",
     "repository": "https://github.com/szuelch/hr-design-system-handlebars",
-    "version": "1.82.6",
+    "version": "1.82.8",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",
         "storybook": "storybook dev -p 6006 public",

package/src/assets/brand/_default/conf/locatags.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/src/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/src/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/src/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/src/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/src/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/src/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/src/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/src/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/src/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/src/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/src/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/src/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/src/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/src/assets/css/custom-components.css

@@ -311,5 +311,5 @@ article.indexTextDS .indexTextHighlighted .link {
 
 /* -----------------------------COPYTEXT ---------------------------- */
 .copytextParagraphDS .link {
-    @apply underline text-link decoration-1 hover:decoration-1 dark:text-link-dark;
+    @apply underline text-link decoration-1 hover:decoration-1 dark:text-link-dark ds-link;
 }

package/src/assets/fixtures/content/copytext/components/contentbox/contentbox.json

@@ -1,6 +1,6 @@
 {
     "copytext": {
-        "title": "Contentbox: Volle Breite, mit Bild über halbe Breite",
+        "title": "Contentbox: Volle Breite, mit Bild über halbe Breite und Ü",
         "showFullSize":{
             "isTrue": true
         },

package/src/assets/fixtures/content/copytext/copytext_infobox.json

@@ -19,7 +19,7 @@
             },
             "paragraphProperties": [
                 {
-                    "title":"Volle Breite, mit Bild über halbe Breite",
+                    "title":"Volle Breite, mit Bild über halbe Breite und Ü",
                     "showFullSize":true
                 }
             ],

package/src/stories/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/src/stories/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/src/stories/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/src/stories/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/src/stories/views/components/content/copytext/components/contentbox/fixtures/contentbox.json

@@ -1 +1 @@
-{"copytext":{"title":"Contentbox: Volle Breite, mit Bild über halbe Breite","showFullSize":{"isTrue":true},"copytextParagraph":[{"paragraphBoxItem":{"isImage":true,"showFullSize":{"isTrue":false},"showPortrait":{"isTrue":false},"caption":"Zum Glück ragt Hessens höchster Berg, die Wasserkuppe, gelegentlich aus der derzeitigen Nebelsuppe heraus, und so gelang mit dem Sternenteleskop ein Blick auf den magischen Rosetten-Nebel, einer Himmelsregion, in der gerade neue Sterne geboren werden. - Diese spektakuläre Momentaufnahme hat uns hessenschau.de-Nutzer Michael Keusgen zukommen lassen","copyrightWithLinks":"Karsten Hufer","imageJson":"Beispiel JSON","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/buchmesse-fahnen-102_v-16to9__medium.jpg","sources":[{"sizes":"(min-width: 1024px) 960px, (min-width: 640px) calc(100vw - 4rem), 100vw","srcset":"images/buchmesse-fahnen-102_v-16to9__small.jpg 320w, images/buchmesse-fahnen-102_v-16to9__medium.jpg 480w, images/buchmesse-fahnen-102_v-16to9__medium__extended.jpg 640w, images/buchmesse-fahnen-102_v-16to9.jpg 960w, images/buchmesse-fahnen-102_v-16to9__retina.jpg 1920w"}]}}}],"copytext":{"paragraph":[{"isParagraph":true,"text":{"split":[{"isText":true,"text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <strong>tempor invidunt</strong> ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata <i>sanctus est Lorem ipsum</i> dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut <a href='#' class='link'>labore et dolore</a> magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod."}]}}]}}}
+{"copytext":{"title":"Contentbox: Volle Breite, mit Bild über halbe Breite und Ü","showFullSize":{"isTrue":true},"copytextParagraph":[{"paragraphBoxItem":{"isImage":true,"showFullSize":{"isTrue":false},"showPortrait":{"isTrue":false},"caption":"Zum Glück ragt Hessens höchster Berg, die Wasserkuppe, gelegentlich aus der derzeitigen Nebelsuppe heraus, und so gelang mit dem Sternenteleskop ein Blick auf den magischen Rosetten-Nebel, einer Himmelsregion, in der gerade neue Sterne geboren werden. - Diese spektakuläre Momentaufnahme hat uns hessenschau.de-Nutzer Michael Keusgen zukommen lassen","copyrightWithLinks":"Karsten Hufer","imageJson":"Beispiel JSON","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/buchmesse-fahnen-102_v-16to9__medium.jpg","sources":[{"sizes":"(min-width: 1024px) 960px, (min-width: 640px) calc(100vw - 4rem), 100vw","srcset":"images/buchmesse-fahnen-102_v-16to9__small.jpg 320w, images/buchmesse-fahnen-102_v-16to9__medium.jpg 480w, images/buchmesse-fahnen-102_v-16to9__medium__extended.jpg 640w, images/buchmesse-fahnen-102_v-16to9.jpg 960w, images/buchmesse-fahnen-102_v-16to9__retina.jpg 1920w"}]}}}],"copytext":{"paragraph":[{"isParagraph":true,"text":{"split":[{"isText":true,"text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <strong>tempor invidunt</strong> ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata <i>sanctus est Lorem ipsum</i> dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut <a href='#' class='link'>labore et dolore</a> magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod."}]}}]}}}

package/src/stories/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/src/stories/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/src/stories/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/src/stories/views/components/content/copytext/fixtures/copytext_infobox.json

@@ -1 +1 @@
-{"copytextParagraph":[{"isHeadline":true,"text":"Copytext mit Infobox"},{"isParagraph":true,"text":{"split":[{"isText":true,"text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <strong>tempor invidunt</strong> ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata <i>sanctus est Lorem ipsum</i> dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut <a href='#' class='link'>labore et dolore</a> magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod."}]}},{"isInfoBox":true,"text":{"split":[{"isText":true,"text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <strong>tempor invidunt</strong> ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum."}]},"paragraphProperties":[{"title":"Volle Breite, mit Bild über halbe Breite","showFullSize":true}],"paragraphBoxItem":{"isImage":true,"showFullSize":{"isTrue":false},"showPortrait":{"isTrue":false},"caption":"Zum Glück ragt Hessens höchster Berg, die Wasserkuppe, gelegentlich aus der derzeitigen Nebelsuppe heraus, und so gelang mit dem Sternenteleskop ein Blick auf den magischen Rosetten-Nebel, einer Himmelsregion, in der gerade neue Sterne geboren werden. - Diese spektakuläre Momentaufnahme hat uns hessenschau.de-Nutzer Michael Keusgen zukommen lassen","copyrightWithLinks":"Karsten Hufer","imageJson":"Beispiel JSON","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/buchmesse-fahnen-102_v-16to9__medium.jpg","sources":[{"sizes":"(min-width: 1024px) 960px, (min-width: 640px) calc(100vw - 4rem), 100vw","srcset":"images/buchmesse-fahnen-102_v-16to9__small.jpg 320w, images/buchmesse-fahnen-102_v-16to9__medium.jpg 480w, images/buchmesse-fahnen-102_v-16to9__medium__extended.jpg 640w, images/buchmesse-fahnen-102_v-16to9.jpg 960w, images/buchmesse-fahnen-102_v-16to9__retina.jpg 1920w"}]}}},{"isParagraph":true,"text":{"split":[{"isText":true,"text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <strong>tempor invidunt</strong> ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata <i>sanctus est Lorem ipsum</i> dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut <a href='#' class='link'>labore et dolore</a> magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod."}]}},{"isInfoBox":true,"text":{"split":[{"isText":true,"text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <strong>tempor invidunt</strong> ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum."}]},"paragraphProperties":[{"title":"Volle Breite, mit Bild über volle Breite","showFullSize":true}],"paragraphBoxItem":{"isImage":true,"showFullSize":{"isTrue":true},"showPortrait":{"isTrue":false},"caption":"Zum Glück ragt Hessens höchster Berg, die Wasserkuppe, gelegentlich aus der derzeitigen Nebelsuppe heraus, und so gelang mit dem Sternenteleskop ein Blick auf den magischen Rosetten-Nebel, einer Himmelsregion, in der gerade neue Sterne geboren werden. - Diese spektakuläre Momentaufnahme hat uns hessenschau.de-Nutzer Michael Keusgen zukommen lassen","copyrightWithLinks":"Karsten Hufer","imageJson":"Beispiel JSON","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/buchmesse-fahnen-102_v-16to9__medium.jpg","sources":[{"sizes":"(min-width: 1024px) 960px, (min-width: 640px) calc(100vw - 4rem), 100vw","srcset":"images/buchmesse-fahnen-102_v-16to9__small.jpg 320w, images/buchmesse-fahnen-102_v-16to9__medium.jpg 480w, images/buchmesse-fahnen-102_v-16to9__medium__extended.jpg 640w, images/buchmesse-fahnen-102_v-16to9.jpg 960w, images/buchmesse-fahnen-102_v-16to9__retina.jpg 1920w"}]}}},{"isParagraph":true,"text":{"split":[{"isText":true,"text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <strong>tempor invidunt</strong> ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata <i>sanctus est Lorem ipsum</i> dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut <a href='#' class='link'>labore et dolore</a> magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod."}]}},{"isInfoBox":true,"text":{"split":[{"isText":true,"text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <strong>tempor invidunt</strong> ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum."}]},"paragraphProperties":[{"title":"Halbe Breite, mit Bild über halbe oder volle Breite","showFullSize":false}],"paragraphBoxItem":{"isImage":true,"showFullSize":{"isTrue":false},"showPortrait":{"isTrue":false},"caption":"Zum Glück ragt Hessens höchster Berg, die Wasserkuppe, gelegentlich aus der derzeitigen Nebelsuppe heraus, und so gelang mit dem Sternenteleskop ein Blick auf den magischen Rosetten-Nebel, einer Himmelsregion, in der gerade neue Sterne geboren werden. - Diese spektakuläre Momentaufnahme hat uns hessenschau.de-Nutzer Michael Keusgen zukommen lassen","copyrightWithLinks":"Karsten Hufer","imageJson":"Beispiel JSON","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/buchmesse-fahnen-102_v-16to9__medium.jpg","sources":[{"sizes":"(min-width: 1024px) 960px, (min-width: 640px) calc(100vw - 4rem), 100vw","srcset":"images/buchmesse-fahnen-102_v-16to9__small.jpg 320w, images/buchmesse-fahnen-102_v-16to9__medium.jpg 480w, images/buchmesse-fahnen-102_v-16to9__medium__extended.jpg 640w, images/buchmesse-fahnen-102_v-16to9.jpg 960w, images/buchmesse-fahnen-102_v-16to9__retina.jpg 1920w"}]}}},{"isParagraph":true,"text":{"split":[{"isText":true,"text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <strong>tempor invidunt</strong> ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata <i>sanctus est Lorem ipsum</i> dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut <a href='#' class='link'>labore et dolore</a> magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod."}]}},{"isParagraph":true,"text":{"split":[{"isText":true,"text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <strong>tempor invidunt</strong> ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata <i>sanctus est Lorem ipsum</i> dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut <a href='#' class='link'>labore et dolore</a> magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod."}]}},{"isInfoBox":true,"text":{"split":[{"isText":true,"text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <strong>tempor invidunt</strong> ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum."}]},"paragraphProperties":[{"title":"Volle Breite, ohne Bild","showFullSize":true}]},{"isParagraph":true,"text":{"split":[{"isText":true,"text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <strong>tempor invidunt</strong> ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata <i>sanctus est Lorem ipsum</i> dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut <a href='#' class='link'>labore et dolore</a> magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod."}]}},{"isInfoBox":true,"text":{"split":[{"isText":true,"text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <strong>tempor invidunt</strong> ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum."}]},"paragraphProperties":[{"title":"Halbe Breite, ohne Bild","showFullSize":false}]},{"isParagraph":true,"text":{"split":[{"isText":true,"text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <strong>tempor invidunt</strong> ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata <i>sanctus est Lorem ipsum</i> dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut <a href='#' class='link'>labore et dolore</a> magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod."}]}}]}
+{"copytextParagraph":[{"isHeadline":true,"text":"Copytext mit Infobox"},{"isParagraph":true,"text":{"split":[{"isText":true,"text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <strong>tempor invidunt</strong> ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata <i>sanctus est Lorem ipsum</i> dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut <a href='#' class='link'>labore et dolore</a> magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod."}]}},{"isInfoBox":true,"text":{"split":[{"isText":true,"text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <strong>tempor invidunt</strong> ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum."}]},"paragraphProperties":[{"title":"Volle Breite, mit Bild über halbe Breite und Ü","showFullSize":true}],"paragraphBoxItem":{"isImage":true,"showFullSize":{"isTrue":false},"showPortrait":{"isTrue":false},"caption":"Zum Glück ragt Hessens höchster Berg, die Wasserkuppe, gelegentlich aus der derzeitigen Nebelsuppe heraus, und so gelang mit dem Sternenteleskop ein Blick auf den magischen Rosetten-Nebel, einer Himmelsregion, in der gerade neue Sterne geboren werden. - Diese spektakuläre Momentaufnahme hat uns hessenschau.de-Nutzer Michael Keusgen zukommen lassen","copyrightWithLinks":"Karsten Hufer","imageJson":"Beispiel JSON","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/buchmesse-fahnen-102_v-16to9__medium.jpg","sources":[{"sizes":"(min-width: 1024px) 960px, (min-width: 640px) calc(100vw - 4rem), 100vw","srcset":"images/buchmesse-fahnen-102_v-16to9__small.jpg 320w, images/buchmesse-fahnen-102_v-16to9__medium.jpg 480w, images/buchmesse-fahnen-102_v-16to9__medium__extended.jpg 640w, images/buchmesse-fahnen-102_v-16to9.jpg 960w, images/buchmesse-fahnen-102_v-16to9__retina.jpg 1920w"}]}}},{"isParagraph":true,"text":{"split":[{"isText":true,"text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <strong>tempor invidunt</strong> ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata <i>sanctus est Lorem ipsum</i> dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut <a href='#' class='link'>labore et dolore</a> magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod."}]}},{"isInfoBox":true,"text":{"split":[{"isText":true,"text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <strong>tempor invidunt</strong> ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum."}]},"paragraphProperties":[{"title":"Volle Breite, mit Bild über volle Breite","showFullSize":true}],"paragraphBoxItem":{"isImage":true,"showFullSize":{"isTrue":true},"showPortrait":{"isTrue":false},"caption":"Zum Glück ragt Hessens höchster Berg, die Wasserkuppe, gelegentlich aus der derzeitigen Nebelsuppe heraus, und so gelang mit dem Sternenteleskop ein Blick auf den magischen Rosetten-Nebel, einer Himmelsregion, in der gerade neue Sterne geboren werden. - Diese spektakuläre Momentaufnahme hat uns hessenschau.de-Nutzer Michael Keusgen zukommen lassen","copyrightWithLinks":"Karsten Hufer","imageJson":"Beispiel JSON","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/buchmesse-fahnen-102_v-16to9__medium.jpg","sources":[{"sizes":"(min-width: 1024px) 960px, (min-width: 640px) calc(100vw - 4rem), 100vw","srcset":"images/buchmesse-fahnen-102_v-16to9__small.jpg 320w, images/buchmesse-fahnen-102_v-16to9__medium.jpg 480w, images/buchmesse-fahnen-102_v-16to9__medium__extended.jpg 640w, images/buchmesse-fahnen-102_v-16to9.jpg 960w, images/buchmesse-fahnen-102_v-16to9__retina.jpg 1920w"}]}}},{"isParagraph":true,"text":{"split":[{"isText":true,"text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <strong>tempor invidunt</strong> ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata <i>sanctus est Lorem ipsum</i> dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut <a href='#' class='link'>labore et dolore</a> magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod."}]}},{"isInfoBox":true,"text":{"split":[{"isText":true,"text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <strong>tempor invidunt</strong> ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum."}]},"paragraphProperties":[{"title":"Halbe Breite, mit Bild über halbe oder volle Breite","showFullSize":false}],"paragraphBoxItem":{"isImage":true,"showFullSize":{"isTrue":false},"showPortrait":{"isTrue":false},"caption":"Zum Glück ragt Hessens höchster Berg, die Wasserkuppe, gelegentlich aus der derzeitigen Nebelsuppe heraus, und so gelang mit dem Sternenteleskop ein Blick auf den magischen Rosetten-Nebel, einer Himmelsregion, in der gerade neue Sterne geboren werden. - Diese spektakuläre Momentaufnahme hat uns hessenschau.de-Nutzer Michael Keusgen zukommen lassen","copyrightWithLinks":"Karsten Hufer","imageJson":"Beispiel JSON","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/buchmesse-fahnen-102_v-16to9__medium.jpg","sources":[{"sizes":"(min-width: 1024px) 960px, (min-width: 640px) calc(100vw - 4rem), 100vw","srcset":"images/buchmesse-fahnen-102_v-16to9__small.jpg 320w, images/buchmesse-fahnen-102_v-16to9__medium.jpg 480w, images/buchmesse-fahnen-102_v-16to9__medium__extended.jpg 640w, images/buchmesse-fahnen-102_v-16to9.jpg 960w, images/buchmesse-fahnen-102_v-16to9__retina.jpg 1920w"}]}}},{"isParagraph":true,"text":{"split":[{"isText":true,"text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <strong>tempor invidunt</strong> ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata <i>sanctus est Lorem ipsum</i> dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut <a href='#' class='link'>labore et dolore</a> magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod."}]}},{"isParagraph":true,"text":{"split":[{"isText":true,"text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <strong>tempor invidunt</strong> ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata <i>sanctus est Lorem ipsum</i> dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut <a href='#' class='link'>labore et dolore</a> magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod."}]}},{"isInfoBox":true,"text":{"split":[{"isText":true,"text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <strong>tempor invidunt</strong> ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum."}]},"paragraphProperties":[{"title":"Volle Breite, ohne Bild","showFullSize":true}]},{"isParagraph":true,"text":{"split":[{"isText":true,"text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <strong>tempor invidunt</strong> ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata <i>sanctus est Lorem ipsum</i> dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut <a href='#' class='link'>labore et dolore</a> magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod."}]}},{"isInfoBox":true,"text":{"split":[{"isText":true,"text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <strong>tempor invidunt</strong> ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum."}]},"paragraphProperties":[{"title":"Halbe Breite, ohne Bild","showFullSize":false}]},{"isParagraph":true,"text":{"split":[{"isText":true,"text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <strong>tempor invidunt</strong> ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata <i>sanctus est Lorem ipsum</i> dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut <a href='#' class='link'>labore et dolore</a> magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod."}]}}]}

package/src/stories/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/src/stories/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/src/stories/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/src/stories/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/src/stories/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/src/stories/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/src/stories/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>