fix(image card): add alt text to example images

ithaka · Feb 10, 2025 · aeb4a5d · aeb4a5d
1 parent 2aee5c7
commit aeb4a5d
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/pharos/src/components/image-card/PharosImageCard.react.stories.jsx b/packages/pharos/src/components/image-card/PharosImageCard.react.stories.jsx
@@ -497,7 +497,7 @@ export const SelectableCollection = {
     <PharosLayout tag="ol" style={{ margin: '1rem 0' }}>
       <li className="image-card-example__card--collection">
         <PharosImageCard title="Selectable" link="#" variant="selectable-collection">
-          <img src={collection1} slot="image" />
+          <img src={collection1} slot="image" alt="selectable example" />
           <strong slot="metadata">50 items</strong>
           <div slot="metadata">Selections from the global permanent collection.</div>
         </PharosImageCard>
@@ -509,7 +509,7 @@ export const SelectableCollection = {
           variant="selectable-collection"
           subtle-select="true"
         >
-          <img src={collection2} slot="image" />
+          <img src={collection2} slot="image" alt="subtle selectable example" />
           <strong slot="metadata">50 items</strong>
           <div slot="metadata">Selections from the global permanent collection.</div>
         </PharosImageCard>
@@ -522,7 +522,7 @@ export const SelectableCollection = {
           disabled="true"
           selected="true"
         >
-          <img src={collection3} slot="image" />
+          <img src={collection3} slot="image" alt="selectable disabled example" />
           <strong slot="metadata">50 items</strong>
           <div slot="metadata">Selections from the global permanent collection.</div>
         </PharosImageCard>