diff --git a/Resources/Private/Templates/Bootstrap5/Youtube/Index.html b/Resources/Private/Templates/Bootstrap5/Youtube/Index.html index 6cfc760cfd904706732853c9da2f2de860edd5c5..023bdbb19ab939dd5a385a89ce9e43662505dc4c 100644 --- a/Resources/Private/Templates/Bootstrap5/Youtube/Index.html +++ b/Resources/Private/Templates/Bootstrap5/Youtube/Index.html @@ -177,7 +177,7 @@ <a class="sg-video-item overflow-hidden text-light sg-video__link position-relative {f:if(condition: '!{hasText} || {isRowsLayout}', then: 'rounded')} {f:if(condition: '{isRowsLayout}', then: 'col-12 col-sm-3 shadow', else: 'card-img-top')}" href="{feedItemUrl}" data-disable-lightbox="{settings.disableLightbox}" target="_blank" data-disable-lightbox-mobile="{settings.disableLightboxMobile}" data-additional-url-parameters="{urlParameters}" data-video-type="youtube" data-is-shorts="{settings.isShorts}"> <div class="sg-video__svg position-absolute top-50p start-50p translate-middle z-1"> <span class="sg-video__svg-inner d-flex shadow text-bg-black bg-opacity-50 rounded-circle justify-content-center p-2"> - <vi:renderSvg color="currentColor" name="solid-play" width="24" height="24"></vi:renderSvg> + <vi:renderSvg color="currentColor" name="solid-play" width="24" height="24" role="img" aria-label="Play icon"></vi:renderSvg> </span> </div> @@ -232,7 +232,7 @@ <f:section name="readMoreButton"> <a href="#" class="sg-video__read-more text-decoration-none text-lowercase" data-bs-toggle="collapse" data-bs-target="#sg-video__description-{feedItemId}" aria-expanded="false" aria-controls="sg-video__description-{feedItemId}"> - <span class="sg-video__read-more-text d-inline-flex align-items-center">...{f:translate(key: 'frontend.readMore', extensionName: 'sg_vimeo')} <vi:renderSvg color="currentColor" name="solid-chevron-down" class="sg-video__read-more-arrow" width="12" height="12"></vi:renderSvg></span> - <span class="sg-video__read-less-text d-inline-flex align-items-center">{f:translate(key: 'frontend.readLess', extensionName: 'sg_vimeo')} <vi:renderSvg color="currentColor" name="solid-chevron-down" class="sg-video__read-more-arrow" width="12" height="12"></vi:renderSvg></span> + <span class="sg-video__read-more-text d-inline-flex align-items-center">...{f:translate(key: 'frontend.readMore', extensionName: 'sg_vimeo')} <vi:renderSvg color="currentColor" name="solid-chevron-down" class="sg-video__read-more-arrow" width="12" height="12" role="img" aria-label="chevron down icon"></vi:renderSvg></span> + <span class="sg-video__read-less-text d-inline-flex align-items-center">{f:translate(key: 'frontend.readLess', extensionName: 'sg_vimeo')} <vi:renderSvg color="currentColor" name="solid-chevron-down" class="sg-video__read-more-arrow" width="12" height="12" role="img" aria-label="chevron down icon"></vi:renderSvg></span> </a> </f:section>