feat: add screenreader-only preview image

cds-snc · Apr 3, 2024 · 970bbac · 970bbac
1 parent 9d44dcd
commit 970bbac
Show file tree

Hide file tree

Showing 4 changed files with 38 additions and 11 deletions.
diff --git a/src/en/components/screenreader-only/use-case.md b/src/en/components/screenreader-only/use-case.md
@@ -8,7 +8,7 @@ eleventyNavigation:
   parent: componentsEN
   otherNames: visually hidden, assistive text.
   description: The screenreader-only component is text information only accessible with assistive technologies.
-  thumbnail: /images/common
+  thumbnail: /images/common/components/preview-screenreader-only.svg
   alt: TO DO
   tag: Experimental
   state: published

diff --git a/src/fr/composants/masquage-accessible/case-dusage.md b/src/fr/composants/masquage-accessible/case-dusage.md
@@ -8,7 +8,7 @@ eleventyNavigation:
   parent: componentsFR
   otherNames: masquage visuel, lecteur d'écran uniquement.
   description: Le masquage accessible est une façon de rendre l'information textuelle uniquement accessible à des technologies d'assistance.
-  thumbnail: /images/common
+  thumbnail: /images/common/components/preview-screenreader-only.svg
   alt: TO DO
   state: published
 translationKey: 'screenreaderonly'

diff --git a/src/images/common/components/preview-screenreader-content.svg b/src/images/common/components/preview-screenreader-content.svg
diff --git a/src/images/common/components/preview-screenreader-only.svg b/src/images/common/components/preview-screenreader-only.svg