From bb6205d49e4f112e1dd0ea594e535b31fd32277e Mon Sep 17 00:00:00 2001
From: KateMacdonald <ktmacdonald@westpac.com.au>
Date: Thu, 8 Feb 2024 18:18:48 +1100
Subject: [PATCH] Update src/content/design-system/foundation/pictogram

---
 .../accessibility/accessibility-features/content.mdoc         | 4 ++--
 .../src/content/design-system/foundation/pictogram/index.yaml | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/apps/site/src/content/design-system/foundation/pictogram/accessibility/accessibility-features/content.mdoc b/apps/site/src/content/design-system/foundation/pictogram/accessibility/accessibility-features/content.mdoc
index 85684bbc8..2525dd561 100644
--- a/apps/site/src/content/design-system/foundation/pictogram/accessibility/accessibility-features/content.mdoc
+++ b/apps/site/src/content/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
index 21e2c1b50..d4bee6b68 100644
--- 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