diff --git a/src/components/ComponentOverview/images/AI label.svg b/src/components/ComponentOverview/images/AI label.svg
new file mode 100644
index 00000000000..de42354e723
--- /dev/null
+++ b/src/components/ComponentOverview/images/AI label.svg
@@ -0,0 +1,5 @@
+
\ No newline at end of file
diff --git a/src/data/components.json b/src/data/components.json
index 78f11a99359..fa77794755d 100644
--- a/src/data/components.json
+++ b/src/data/components.json
@@ -6,6 +6,12 @@
"screenreader": "manual"
}
},
+ {
+ "component": "AI label",
+ "testing": {
+ "screenreader": "manual"
+ }
+ },
{
"component": "Aspect ratio",
"overview": false,
@@ -400,13 +406,6 @@
"screenreader": "manual"
}
},
- {
- "component": "Slug",
- "overview": false,
- "testing": {
- "screenreader": false
- }
- },
{
"component": "Structured list",
"testing": {
diff --git a/src/pages/components/ai-label/accessibility.mdx b/src/pages/components/ai-label/accessibility.mdx
index 346c6748267..0f1d5a2583d 100755
--- a/src/pages/components/ai-label/accessibility.mdx
+++ b/src/pages/components/ai-label/accessibility.mdx
@@ -4,6 +4,8 @@ description: The AI label indicates an instance of AI in the UI.
tabs: ['Usage', 'Style', 'Code', 'Accessibility']
---
+import A11yStatus from 'components/A11yStatus';
+
No accessibility annotations are needed for AI labels, but keep these
@@ -89,3 +91,5 @@ custom component.
- The icon button has `aria-label="AI - Show information"`.
- The button uses `aria-expanded` to set toggletip visibility and
`aria-controls` to handle navigation to the content.
+
+
diff --git a/src/pages/components/ai-label/usage.mdx b/src/pages/components/ai-label/usage.mdx
index 885d4c97d50..784df01643d 100755
--- a/src/pages/components/ai-label/usage.mdx
+++ b/src/pages/components/ai-label/usage.mdx
@@ -53,6 +53,8 @@ been changed to better reflect its usage.
]}
/>
+
+
## Overview
The AI label is more than just an indicator of AI instances in the UI. It’s also