chore: update posters alt attribute

solid-design-system · Nov 20, 2024 · c66e1fb · c66e1fb
1 parent 909e9c6
commit c66e1fb
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 6 deletions.
diff --git a/packages/docs/src/stories/components/video.stories.ts b/packages/docs/src/stories/components/video.stories.ts
@@ -63,7 +63,7 @@ export const VideoElementWithPosterSlot = {
       </video>
       <img
         slot="poster"
-        alt="Video highlighting Union Investment's digital transformation through a design system named SOLID that enhances accessibility, sustainability, and efficiency."
+        alt="Video highlighting Union Investment's digital transformation through a design system named Solid that enhances accessibility, sustainability, and efficiency."
         class="w-[854px] aspect-video cover"
         src="./placeholders/images/union-investment.png"
       />
@@ -78,7 +78,11 @@ export const VideoElementWithPosterSlot = {
 export const Playing = {
   render: () => html`
     <sd-video playing>
-      <img alt="Generic Alt" class="w-[854px] aspect-video cover" src="./placeholders/images/union-investment.png" />
+      <img
+        alt="Video highlighting Union Investment's digital transformation through a design system named Solid that enhances accessibility, sustainability, and efficiency."
+        class="w-[854px] aspect-video cover"
+        src="./placeholders/images/union-investment.png"
+      />
     </sd-video>
   `
 };
@@ -90,7 +94,11 @@ export const Playing = {
 export const Overlay = {
   render: () => html`
     <sd-video overlay>
-      <img alt="Generic Alt" class="w-[854px] aspect-video cover" src="./placeholders/images/union-investment.png" />
+      <img
+        alt="Video highlighting Union Investment's digital transformation through a design system named Solid that enhances accessibility, sustainability, and efficiency."
+        class="w-[854px] aspect-video cover"
+        src="./placeholders/images/union-investment.png"
+      />
     </sd-video>
   `
 };
diff --git a/packages/docs/src/stories/components/video.test.stories.ts b/packages/docs/src/stories/components/video.test.stories.ts
@@ -25,7 +25,7 @@ const posterConstant: ConstantDefinition = {
   type: 'slot',
   name: 'poster',
   value:
-    '<img slot="poster" alt="Video highlighting Union Investment\'s digital transformation through a design system named SOLID that enhances accessibility, sustainability, and efficiency." class="w-[854px] aspect-video cover" src="./placeholders/images/union-investment.png" />'
+    '<img slot="poster" alt="Video highlighting Union Investment\'s digital transformation through a design system named Solid that enhances accessibility, sustainability, and efficiency." class="w-[854px] aspect-video cover" src="./placeholders/images/union-investment.png" />'
 };
 const iconConstant: ConstantDefinition = {
   type: 'slot',

diff --git a/packages/docs/src/stories/templates/video-with-description-and-copyright.stories.ts b/packages/docs/src/stories/templates/video-with-description-and-copyright.stories.ts
@@ -30,7 +30,7 @@ export const VideoWithDescription = {
       </video>
       <img
         slot="poster"
-        alt="Video highlighting Union Investment's digital transformation through a design system named SOLID that enhances accessibility, sustainability, and efficiency."
+        alt="Video highlighting Union Investment's digital transformation through a design system named Solid that enhances accessibility, sustainability, and efficiency."
         class="aspect-video cover"
         src="./placeholders/images/union-investment.png"
       />
@@ -65,7 +65,7 @@ export const VideoWithCopyright = {
         </video>
         <img
           slot="poster"
-          alt="Video highlighting Union Investment's digital transformation through a design system named SOLID that enhances accessibility, sustainability, and efficiency."
+          alt="Video highlighting Union Investment's digital transformation through a design system named Solid that enhances accessibility, sustainability, and efficiency."
           class="aspect-video cover"
           src="./placeholders/images/union-investment.png"
         />