Update src/content/design-system/foundation/pictogram

WestpacGEL · Feb 8, 2024 · bb6205d · bb6205d
1 parent baeea8c
commit bb6205d
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/...tent/design-system/foundation/pictogram/accessibility/accessibility-features/content.mdoc b/...tent/design-system/foundation/pictogram/accessibility/accessibility-features/content.mdoc
@@ -1,8 +1,8 @@
-- A `<span>` element labeled with a description identifies the Pictogram
+- A `<svg>` element labeled with a description identifies the Pictogram
 - The Pictogram shape is visible in Windows High Contrast Mode
 - When using alongside descriptive visual text ensure `aria-hidden="true"` is used to hide the Pictogram from assistive technologies, otherwise users will receive duplicate descriptions
 
 ### Accessibility in the HTML
 
-- `<span aria-label="{DESCRIPTION}">`: Provides a label that describes the Pictogram
+- `<svg aria-label="{DESCRIPTION}">`: Provides a label that describes the Pictogram
 - `<svg role="img" focusable="false">`: Prevents the Pictogram SVG element from being traversed by browsers that map the SVG to the ‘group’ role and from unnecessarily receiving focus in Internet Explorer (IE)
diff --git a/apps/site/src/content/design-system/foundation/pictogram/index.yaml b/apps/site/src/content/design-system/foundation/pictogram/index.yaml
@@ -5,6 +5,7 @@ description: >-
   all devices. Use them to assist with visual communication.
 namedExport:
   discriminant: false
+excludeFromNavbar: false
 design:
   - title:
       name: Informative pictograms