[TASK] add role to play button

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')}&nbsp;<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')}&nbsp;<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')}&nbsp;<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')}&nbsp;<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>