page card cover alt

src/components/PageGrid/index.tsx

@@ -47,6 +47,7 @@ export const PageGrid: React.FC<PageGridProps> = props => {
                                 layout={'fill'}
                                 objectFit={'cover'}
                                 src={item.cover.src}
+                                alt={item.cover.alt}
                             />
                         )}
                         layout={layout}

src/remote/factory.ts

@@ -157,7 +157,7 @@ export function createCardGrid(card: StrapiPageCard): PageCardDto {
             src: card.page.cover.url,
             width: card.page.cover.width,
             height: card.page.cover.height,
-            // alt: '',
+            alt: card.page.title,
         }
     }
 }

src/types.ts

@@ -96,6 +96,7 @@ export type ImageDefinition = {
     width: number
     height: number
     src: string
+    alt?: string
 }
 
 export type TextToken = {