From fababc6a83a85b89c499aed3a477d162d71fa2a4 Mon Sep 17 00:00:00 2001
From: Mike Gower <mikegower@gmail.com>
Date: Thu, 29 Aug 2024 12:45:40 -0700
Subject: [PATCH] Update accessibility.mdx (#4184)

* Update accessibility.mdx

Tried moving the accessibility status to the bottom of the page, as per #3960

Since the H3 is generated in code, I'm just leaving it as is. Expectation is that this will be a subsection of Development considerations, which works fine.
Not showing up in preview.

* Move accessibility testing to bottom of tabbed content

Changed 28 components that were previously revised to the standard accessibility tab layout

* Relocate testing on non-standard pages

Move the accessibility testing to the bottom of pages that have not been updated to the current accessibility tab template

* Corrections from manual check

A number of pages had the A11yStatus formed with indented code, so my GSR failed to locate.
As well, a manual check of each page (which I did by navigating to the Accessibility tab and clicking the Development considerations on-page link), showed that a few of the on-page links were malformed.

* Update accessibility.mdx

Missed popover testing section

* Removed old testing information

These five components had not had their Accessibility tab info updated due to various reasons. We elected to strip out the old testing results.
I left the H2 for Testing in place.

* Update accessibility.mdx

Adding top description to list component.
---
 .../UI-shell-header/accessibility.mdx         |   4 +-
 .../UI-shell-left-panel/accessibility.mdx     |   4 +-
 .../UI-shell-right-panel/accessibility.mdx    |   4 +-
 .../components/accordion/accessibility.mdx    |   4 +-
 .../components/breadcrumb/accessibility.mdx   |   4 +-
 src/pages/components/button/accessibility.mdx |   4 +-
 .../components/checkbox/accessibility.mdx     |   4 +-
 .../components/code-snippet/accessibility.mdx |   4 +-
 .../contained-list/accessibility.mdx          |   4 +-
 .../content-switcher/accessibility.mdx        |   4 +-
 .../components/data-table/accessibility.mdx   |   4 +-
 .../components/date-picker/accessibility.mdx  |  42 +---
 .../components/dropdown/accessibility.mdx     |  24 +--
 .../file-uploader/accessibility.mdx           |   4 +-
 src/pages/components/form/accessibility.mdx   |  10 +-
 .../inline-loading/accessibility.mdx          |   4 +-
 src/pages/components/link/accessibility.mdx   |   4 +-
 src/pages/components/list/accessibility.mdx   |  13 +-
 .../components/loading/accessibility.mdx      |   4 +-
 .../components/menu-buttons/accessibility.mdx |   4 +-
 src/pages/components/modal/accessibility.mdx  |   4 +-
 .../components/notification/accessibility.mdx | 183 +-----------------
 .../components/number-input/accessibility.mdx |  10 +-
 .../components/pagination/accessibility.mdx   |   4 +-
 .../components/popover/accessibility.mdx      |   4 +-
 .../components/progress-bar/accessibility.mdx |   4 +-
 .../progress-indicator/accessibility.mdx      |  42 +---
 .../components/radio-button/accessibility.mdx |   4 +-
 src/pages/components/search/accessibility.mdx |   4 +-
 src/pages/components/select/accessibility.mdx |   4 +-
 src/pages/components/slider/accessibility.mdx |   4 +-
 .../structured-list/accessibility.mdx         |  42 +---
 src/pages/components/tabs/accessibility.mdx   |   4 +-
 src/pages/components/tag/accessibility.mdx    |   6 +-
 .../components/text-input/accessibility.mdx   |  20 +-
 src/pages/components/tile/accessibility.mdx   |  42 +---
 src/pages/components/toggle/accessibility.mdx |   4 +-
 .../components/toggletip/accessibility.mdx    |   4 +-
 .../components/tooltip/accessibility.mdx      |   4 +-
 .../components/tree-view/accessibility.mdx    |   4 +-
 40 files changed, 108 insertions(+), 442 deletions(-)

diff --git a/src/pages/components/UI-shell-header/accessibility.mdx b/src/pages/components/UI-shell-header/accessibility.mdx
index 0007808b336..844afc9fd23 100644
--- a/src/pages/components/UI-shell-header/accessibility.mdx
+++ b/src/pages/components/UI-shell-header/accessibility.mdx
@@ -34,8 +34,6 @@ standard UI shell header component, Carbon already incorporates accessibility.
 
 </AnchorLinks>
 
-<A11yStatus layout="table" components="UI shell" />
-
 ## What Carbon provides
 
 The Carbon header bakes in keyboard interaction, including a
@@ -148,3 +146,5 @@ custom component.
   the region.
 - Carbon includes the "Skip to main content" link as the first item on the page
   with a `tabindex="0"`, but hides it through CSS until it receives focus.
+
+<A11yStatus layout="table" components="UI shell" />
diff --git a/src/pages/components/UI-shell-left-panel/accessibility.mdx b/src/pages/components/UI-shell-left-panel/accessibility.mdx
index b36ecfd6d15..9b72e5ab70f 100644
--- a/src/pages/components/UI-shell-left-panel/accessibility.mdx
+++ b/src/pages/components/UI-shell-left-panel/accessibility.mdx
@@ -34,8 +34,6 @@ component.
 
 </AnchorLinks>
 
-<A11yStatus layout="table" components="UI shell" />
-
 ## What Carbon provides
 
 Carbon bakes keyboard operation into its components, improving the experience of
@@ -111,3 +109,5 @@ custom component.
   additional information to assistive technologies.
 - Each 'sub-menu' is implemented as a `<button>` with `aria-expanded`.
 - Activated links receive an `aria-current="page"` attribute.
+
+<A11yStatus layout="table" components="UI shell" />
diff --git a/src/pages/components/UI-shell-right-panel/accessibility.mdx b/src/pages/components/UI-shell-right-panel/accessibility.mdx
index cc2e055b28d..26597a6de18 100644
--- a/src/pages/components/UI-shell-right-panel/accessibility.mdx
+++ b/src/pages/components/UI-shell-right-panel/accessibility.mdx
@@ -35,8 +35,6 @@ component.
 
 </AnchorLinks>
 
-<A11yStatus layout="table" components="UI shell" />
-
 ## What Carbon provides
 
 Carbon bakes keyboard operation into its components, improving the experience of
@@ -106,3 +104,5 @@ custom component.
 - The right panel is in a `<nav>` section.
 - All links in the right panel are in a `<ul>` structure, which provides
   additional information to assistive technologies.
+
+<A11yStatus layout="table" components="UI shell" />
diff --git a/src/pages/components/accordion/accessibility.mdx b/src/pages/components/accordion/accessibility.mdx
index 82907827033..7f93688cd61 100755
--- a/src/pages/components/accordion/accessibility.mdx
+++ b/src/pages/components/accordion/accessibility.mdx
@@ -22,8 +22,6 @@ standard accordion component, Carbon already incorporates accessibility.
   <AnchorLink>Development considerations</AnchorLink>
 </AnchorLinks>
 
-<A11yStatus layout="table" components="Accordion" />
-
 ## What Carbon provides
 
 Carbon bakes keyboard operation into its components, improving the experience of
@@ -125,3 +123,5 @@ custom component:
 - See the
   [ARIA authoring practices](https://www.w3.org/TR/wai-aria-practices-1.2/#accordion)
   for more guidance.
+
+<A11yStatus layout="table" components="Accordion" />
diff --git a/src/pages/components/breadcrumb/accessibility.mdx b/src/pages/components/breadcrumb/accessibility.mdx
index 57f2f090f01..9bfcf632362 100644
--- a/src/pages/components/breadcrumb/accessibility.mdx
+++ b/src/pages/components/breadcrumb/accessibility.mdx
@@ -21,8 +21,6 @@ component.
   <AnchorLink>Development considerations</AnchorLink>
 </AnchorLinks>
 
-<A11yStatus layout="table" components="Breadcrumb" />
-
 ## What Carbon provides
 
 Carbon bakes keyboard operation into its components, improving the experience of
@@ -80,3 +78,5 @@ custom component:
   screen readers provide more context.
 - The visual / separators do not need to be text (Carbon uses CSS) and are not
   intended to be navigable.
+
+<A11yStatus layout="table" components="Breadcrumb" />
diff --git a/src/pages/components/button/accessibility.mdx b/src/pages/components/button/accessibility.mdx
index 98224c23cc6..762a368c1cd 100644
--- a/src/pages/components/button/accessibility.mdx
+++ b/src/pages/components/button/accessibility.mdx
@@ -21,8 +21,6 @@ standard button component, Carbon already incorporates accessibility.
   <AnchorLink>Development considerations</AnchorLink>
 </AnchorLinks>
 
-<A11yStatus layout="table" components="Button" />
-
 ## What Carbon provides
 
 Carbon bakes keyboard operation into its components, improving the experience of
@@ -107,3 +105,5 @@ custom component:
 - See the
   [ARIA authoring practices](https://www.w3.org/TR/wai-aria-practices-1.2/#button)
   for more considerations.
+
+<A11yStatus layout="table" components="Button" />
diff --git a/src/pages/components/checkbox/accessibility.mdx b/src/pages/components/checkbox/accessibility.mdx
index 38c161405c1..6f595718ac7 100644
--- a/src/pages/components/checkbox/accessibility.mdx
+++ b/src/pages/components/checkbox/accessibility.mdx
@@ -21,8 +21,6 @@ standard checkbox component, Carbon already incorporates accessibility.
   <AnchorLink>Development considerations</AnchorLink>
 </AnchorLinks>
 
-<A11yStatus layout="table" components="Checkbox" />
-
 ## What Carbon provides
 
 Carbon bakes keyboard operation into its components, improving the experience of
@@ -95,3 +93,5 @@ custom component:
 - See the
   [ARIA authoring practices](https://www.w3.org/TR/wai-aria-practices-1.2/#checkbox)
   for more considerations.
+
+<A11yStatus layout="table" components="Checkbox" />
diff --git a/src/pages/components/code-snippet/accessibility.mdx b/src/pages/components/code-snippet/accessibility.mdx
index 45b8f22d19f..4420a163f12 100644
--- a/src/pages/components/code-snippet/accessibility.mdx
+++ b/src/pages/components/code-snippet/accessibility.mdx
@@ -32,8 +32,6 @@ component.
   <AnchorLink>Development considerations</AnchorLink>
 </AnchorLinks>
 
-<A11yStatus layout="table" components="Code snippet" />
-
 ## What Carbon provides
 
 Carbon bakes keyboard operation into its components, as well as many other
@@ -109,3 +107,5 @@ Keep this in mind if you are modifying Carbon or creating a custom component:
 
 - the inline code text is implemented as a button so its text can be copied
 - single line snippets take an additional tabstop to support arrow key scrolling
+
+<A11yStatus layout="table" components="Code snippet" />
diff --git a/src/pages/components/contained-list/accessibility.mdx b/src/pages/components/contained-list/accessibility.mdx
index aa90a685b19..efadf5a69e1 100644
--- a/src/pages/components/contained-list/accessibility.mdx
+++ b/src/pages/components/contained-list/accessibility.mdx
@@ -21,8 +21,6 @@ standard contained list component, Carbon already incorporates accessibility.
   <AnchorLink>Development considerations</AnchorLink>
 </AnchorLinks>
 
-<A11yStatus layout="table" components="Contained list" />
-
 ## What Carbon provides
 
 Carbon bakes keyboard operation into its components, improving the experience of
@@ -111,3 +109,5 @@ custom component.
   `aria-labelledby`.
 - Any operable variant, whether a clickable list or a list with action items, is
   a `<button>` implemented as a child of the `<li>`.
+
+<A11yStatus layout="table" components="Contained list" />
diff --git a/src/pages/components/content-switcher/accessibility.mdx b/src/pages/components/content-switcher/accessibility.mdx
index 900644f383f..23cd7396a5a 100644
--- a/src/pages/components/content-switcher/accessibility.mdx
+++ b/src/pages/components/content-switcher/accessibility.mdx
@@ -33,8 +33,6 @@ standard content switcher component, Carbon already incorporates accessibility.
   <AnchorLink>Development considerations</AnchorLink>
 </AnchorLinks>
 
-<A11yStatus layout="table" components="Content switcher" />
-
 ## What Carbon provides
 
 Carbon bakes keyboard operation into its components, improving the experience of
@@ -125,3 +123,5 @@ custom component.
   for more considerations.
 - For accessibility considerations for manual content switchers, see
   [Deciding when to make selection automatically follow focus](https://w3c.github.io/aria-practices/#kbd_selection_follows_focus).
+
+<A11yStatus layout="table" components="Content switcher" />
diff --git a/src/pages/components/data-table/accessibility.mdx b/src/pages/components/data-table/accessibility.mdx
index 5a163868023..ad3f0b0c050 100644
--- a/src/pages/components/data-table/accessibility.mdx
+++ b/src/pages/components/data-table/accessibility.mdx
@@ -21,8 +21,6 @@ standard data table component, Carbon already incorporates accessibility.
   <AnchorLink>Development considerations</AnchorLink>
 </AnchorLinks>
 
-<A11yStatus layout="table" components="Data table" />
-
 ## What Carbon provides
 
 Carbon bakes keyboard operation into its components, improving the experience of
@@ -108,3 +106,5 @@ Keep this in mind if you are modifying Carbon or creating a custom component:
 - See the
   [ARIA authoring practices](https://www.w3.org/TR/wai-aria-practices-1.2/#table)
   for more considerations
+
+<A11yStatus layout="table" components="Data table" />
diff --git a/src/pages/components/date-picker/accessibility.mdx b/src/pages/components/date-picker/accessibility.mdx
index 4c2a9ef2040..621ca0d57a7 100644
--- a/src/pages/components/date-picker/accessibility.mdx
+++ b/src/pages/components/date-picker/accessibility.mdx
@@ -34,8 +34,6 @@ be updated when these accessibility issues are resolved.
   <AnchorLink>Accessibility testing</AnchorLink>
 </AnchorLinks>
 
-<A11yStatus layout="table" components={['Date picker', 'Fluid date picker']} />
-
 ## Accessibility considerations
 
 1. The date picker labels should clearly describe the dates that the user needs
@@ -75,42 +73,4 @@ be updated when these accessibility issues are resolved.
 
 ## Accessibility testing
 
-Automated, manual and screen reader accessibility verification test has been
-performed on the date picker React Carbon component.
-[WCAG 2.1 Level A and AA success criteria](https://www.w3.org/TR/WCAG21/) issues
-have been identified and the list of open accessibility violations is available
-in the Carbon Component GitHub repository.
-
-### Automated test
-
-<Row>
-  <Column noGutterSm>
-    <StructuredListWrapper>
-      <StructuredListHead>
-        <StructuredListRow head>
-          <StructuredListCell head>
-            Automated test environment
-          </StructuredListCell>
-          <StructuredListCell head>Results</StructuredListCell>
-        </StructuredListRow>
-      </StructuredListHead>
-      <StructuredListBody>
-        <StructuredListRow>
-          <StructuredListCell>
-            - macOS Mojave version 10.14.2 with VoiceOver
-            <br />
-            - Chrome version 77.0.3865.90
-            <br />
-            - Dynamic Assessment Plugin (DAP) version 1.8.0.0 - IBM
-            Accessibility WCAG 2.1 Sept. 2019 Ruleset
-            <br />- Carbon React version 7.7.1
-          </StructuredListCell>
-          <StructuredListCell>
-            <strong>DAP test:</strong>
-            <br />- No violations
-          </StructuredListCell>
-        </StructuredListRow>
-      </StructuredListBody>
-    </StructuredListWrapper>
-  </Column>
-</Row>
+<A11yStatus layout="table" components={['Date picker', 'Fluid date picker']} />
diff --git a/src/pages/components/dropdown/accessibility.mdx b/src/pages/components/dropdown/accessibility.mdx
index 9cf8fe052d6..95e8cc7d1ba 100644
--- a/src/pages/components/dropdown/accessibility.mdx
+++ b/src/pages/components/dropdown/accessibility.mdx
@@ -23,18 +23,6 @@ component.
 
 </AnchorLinks>
 
-<A11yStatus
-  layout="table"
-  components={[
-    'Dropdown',
-    'Multiselect',
-    'Combo box',
-    'Fluid dropdown',
-    'Fluid multiselect',
-    'Fluid combo box',
-  ]}
-/>
-
 ## What Carbon provides
 
 Carbon bakes keyboard operation into its components, improving the experience of
@@ -144,3 +132,15 @@ custom component.
 - See the
   [ARIA authoring practices for combo box](https://w3c.github.io/aria-practices/#combbox)
   for more considerations.
+
+<A11yStatus
+  layout="table"
+  components={[
+    'Dropdown',
+    'Multiselect',
+    'Combo box',
+    'Fluid dropdown',
+    'Fluid multiselect',
+    'Fluid combo box',
+  ]}
+/>
diff --git a/src/pages/components/file-uploader/accessibility.mdx b/src/pages/components/file-uploader/accessibility.mdx
index b11036285c2..42687f9a538 100644
--- a/src/pages/components/file-uploader/accessibility.mdx
+++ b/src/pages/components/file-uploader/accessibility.mdx
@@ -32,8 +32,6 @@ component.
   <AnchorLink>Development considerations</AnchorLink>
 </AnchorLinks>
 
-<A11yStatus layout="table" components="File uploader" />
-
 ## What Carbon provides
 
 Carbon bakes keyboard operation into its components, improving the experience of
@@ -82,3 +80,5 @@ custom component:
 - Error messages about file uploads must be exposed to assistive technology.
 - The Delete button needs to have the uploaded file name associated with it
   programmatically, so the user understands which file will be removed.
+
+<A11yStatus layout="table" components="File uploader" />
diff --git a/src/pages/components/form/accessibility.mdx b/src/pages/components/form/accessibility.mdx
index 022a49b5219..ad97829eeb5 100644
--- a/src/pages/components/form/accessibility.mdx
+++ b/src/pages/components/form/accessibility.mdx
@@ -34,11 +34,6 @@ considerations.
   <AnchorLink>Development considerations</AnchorLink>
 </AnchorLinks>
 
-<A11yStatus
-  layout="table"
-  components={['Form', 'Form group', 'Form label', 'Fluid form']}
-/>
-
 ## What Carbon provides
 
 Carbon bakes keyboard operation into the components that make up a form,
@@ -131,3 +126,8 @@ creating a custom form or input component.
   [forms](https://w3c.github.io/aria-practices/#aria_lh_form) and
   [labels](https://w3c.github.io/aria-practices/#naming_with_labels) for more
   considerations.
+
+<A11yStatus
+  layout="table"
+  components={['Form', 'Form group', 'Form label', 'Fluid form']}
+/>
diff --git a/src/pages/components/inline-loading/accessibility.mdx b/src/pages/components/inline-loading/accessibility.mdx
index 8f7351bce15..56184329d1f 100644
--- a/src/pages/components/inline-loading/accessibility.mdx
+++ b/src/pages/components/inline-loading/accessibility.mdx
@@ -31,8 +31,6 @@ component.
 
 </AnchorLinks>
 
-<A11yStatus layout="table" components="Inline loading" />
-
 ## What Carbon provides
 
 Carbon bakes keyboard operation into its components, improving the experience of
@@ -89,3 +87,5 @@ custom component.
 - Where no text is displayed for inline loading, Carbon uses the SVG title of
   the status icon to surface the status (“active”, “finished”, “error”) to
   assistive technologies.
+
+<A11yStatus layout="table" components="Inline loading" />
diff --git a/src/pages/components/link/accessibility.mdx b/src/pages/components/link/accessibility.mdx
index fec4d2aa6e3..4e93bd7a82b 100644
--- a/src/pages/components/link/accessibility.mdx
+++ b/src/pages/components/link/accessibility.mdx
@@ -32,8 +32,6 @@ standard link component, Carbon already incorporates accessibility.
   <AnchorLink>Development considerations</AnchorLink>
 </AnchorLinks>
 
-<A11yStatus layout="table" components="Link" />
-
 ## What Carbon provides
 
 Carbon bakes keyboard operation into its components, improving the experience of
@@ -125,3 +123,5 @@ custom component.
   for more details.
 - See the [ARIA authoring practices](https://w3c.github.io/aria-practices/#link)
   for more considerations.
+
+<A11yStatus layout="table" components="Link" />
diff --git a/src/pages/components/list/accessibility.mdx b/src/pages/components/list/accessibility.mdx
index a8104300222..e3738890b3c 100644
--- a/src/pages/components/list/accessibility.mdx
+++ b/src/pages/components/list/accessibility.mdx
@@ -18,13 +18,18 @@ import {
   ListItem,
 } from '@carbon/react';
 
+<PageDescription>
+
+No accessibility annotations are needed for lists, but keep these considerations
+in mind if you are modifying Carbon or creating a custom component.
+
+</PageDescription>
+
 <AnchorLinks>
   <AnchorLink>What Carbon provides</AnchorLink>
-  <AnchorLink>Developer considerations</AnchorLink>
+  <AnchorLink>Development considerations</AnchorLink>
 </AnchorLinks>
 
-<A11yStatus layout="table" components={['Ordered list', 'Unordered list']} />
-
 ## What Carbon provides
 
 Carbon incorporates many accessibility considerations, some of which are
@@ -49,3 +54,5 @@ Keep this in mind if you’re modifying Carbon or creating a custom component:
 - Carbon uses `::before` and `::marker` CSS pseudo-elements for the numbering
   and bulleting of lists, which are properly read by assistive technologies such
   as [screen readers](https://www.ibm.com/able/toolkit/verify/screen-reader/).
+
+<A11yStatus layout="table" components={['Ordered list', 'Unordered list']} />
diff --git a/src/pages/components/loading/accessibility.mdx b/src/pages/components/loading/accessibility.mdx
index eb4d7675fb3..d010cf9fa87 100644
--- a/src/pages/components/loading/accessibility.mdx
+++ b/src/pages/components/loading/accessibility.mdx
@@ -34,8 +34,6 @@ standard loading component, Carbon already incorporates accessibility.
 
 </AnchorLinks>
 
-<A11yStatus layout="table" components="Loading" />
-
 ## What Carbon provides
 
 The loading component has no keyboard accessibility considerations since it is
@@ -120,3 +118,5 @@ custom component.
   Alternatively, focus could be set to an appropriate element.
 - See the Equal Access Toolkit information on
   [status messages](https://www.ibm.com/able/toolkit/develop/dynamic-updates/#role-status).
+
+<A11yStatus layout="table" components="Loading" />
diff --git a/src/pages/components/menu-buttons/accessibility.mdx b/src/pages/components/menu-buttons/accessibility.mdx
index 1ecc293f521..9cda48337aa 100644
--- a/src/pages/components/menu-buttons/accessibility.mdx
+++ b/src/pages/components/menu-buttons/accessibility.mdx
@@ -30,8 +30,6 @@ button is going to be updated soon.
 
 </AnchorLinks>
 
-<A11yStatus layout="table" components="Menu buttons" />
-
 ## What Carbon provides
 
 Carbon bakes keyboard operation into its components, improving the experience of
@@ -84,3 +82,5 @@ custom component.
   See the
   [ARIA authoring practices on menubutton](https://w3c.github.io/aria-practices/#menubutton)
   for more considerations.
+
+<A11yStatus layout="table" components="Menu buttons" />
diff --git a/src/pages/components/modal/accessibility.mdx b/src/pages/components/modal/accessibility.mdx
index c20a9879a9b..8d520b31e41 100644
--- a/src/pages/components/modal/accessibility.mdx
+++ b/src/pages/components/modal/accessibility.mdx
@@ -32,8 +32,6 @@ standard modal dialog component, Carbon already incorporates accessibility.
   <AnchorLink>Development considerations</AnchorLink>
 </AnchorLinks>
 
-<A11yStatus layout="table" components={['Modal', 'Composed modal']} />
-
 ## What Carbon provides
 
 Carbon bakes keyboard operation into its components, improving the experience of
@@ -127,3 +125,5 @@ custom component.
 - See the modal pattern in the
   [ARIA authoring practices](https://w3c.github.io/aria-practices/#dialog_modal)
   for more considerations.
+
+<A11yStatus layout="table" components={['Modal', 'Composed modal']} />
diff --git a/src/pages/components/notification/accessibility.mdx b/src/pages/components/notification/accessibility.mdx
index da8bdd0270c..199e91189bb 100644
--- a/src/pages/components/notification/accessibility.mdx
+++ b/src/pages/components/notification/accessibility.mdx
@@ -26,8 +26,6 @@ import {
   <AnchorLink>Accessibility testing</AnchorLink>
 </AnchorLinks>
 
-<A11yStatus layout="table" components="Notification" />
-
 ## How it works
 
 Notification Carbon components are messages that communicate information to a
@@ -100,183 +98,4 @@ via pressing the `Escape` key.
 
 ## Accessibility testing
 
-Accessibility issues are tracked in the
-[Carbon Component GitHub repository](https://github.com/carbon-design-system/carbon/issues?q=is%3Aopen+label%3A%22type%3A+a11y+%E2%99%BF%22+label%3A%22component%3A+notification%22+).
-
-### Automated test
-
-<Row>
-  <Column noGutterSm>
-    <StructuredListWrapper>
-      <StructuredListHead>
-        <StructuredListRow head>
-          <StructuredListCell head>
-            Automated test environment
-          </StructuredListCell>
-          <StructuredListCell head>Results</StructuredListCell>
-        </StructuredListRow>
-      </StructuredListHead>
-      <StructuredListBody>
-        <StructuredListRow>
-          <StructuredListCell>
-            - macOS Mojave version 10.14.6 with VoiceOver
-            <br />
-            - Chrome version 77.0.3865.90
-            <br />
-            - Dynamic Assessment Plugin version 1.8.0.0 - IBM Accessibility WCAG
-            2.1 Sept. 2019 Ruleset
-            <br />- Carbon React version 7.7.1
-          </StructuredListCell>
-          <StructuredListCell>
-            <strong>DAP Test</strong>
-            <br />- Violations
-          </StructuredListCell>
-        </StructuredListRow>
-      </StructuredListBody>
-    </StructuredListWrapper>
-  </Column>
-</Row>
-
-### macOS screen reader tests
-
-<Row>
-  <Column noGutterSm>
-    <StructuredListWrapper>
-      <StructuredListHead>
-        <StructuredListRow head>
-          <StructuredListCell head>Environment </StructuredListCell>
-          <StructuredListCell head>Results</StructuredListCell>
-        </StructuredListRow>
-      </StructuredListHead>
-      <StructuredListBody>
-        <StructuredListRow>
-          <StructuredListCell>
-            - macOS Mojave version 10.14.6 with VoiceOver
-            <br />
-            - Chrome version 77.0.3865.90
-            <br />- Carbon React version 7.7.1
-          </StructuredListCell>
-          <StructuredListCell>
-            <strong>VoiceOver(VO) test:</strong>
-            <OrderedList>
-              <ListItem>
-                Press Control-Option-Shift keys to enter the Web content.
-              </ListItem>
-              <ListItem>
-                Press the Tab key. VO announces the notification text and the
-                close button.
-              </ListItem>
-              <ListItem>
-                Press the Space key or Enter key to close the notification.
-              </ListItem>
-            </OrderedList>
-          </StructuredListCell>
-        </StructuredListRow>
-        <StructuredListRow>
-          <StructuredListCell>
-            - macOS Mojave version 10.14.6 with VoiceOver
-            <br />
-            - Safari version 13.0.2
-            <br />- Carbon React version 7.7.1
-          </StructuredListCell>
-          <StructuredListCell>
-            <strong>VoiceOver(VO) test:</strong>
-            <OrderedList>
-              <ListItem>
-                Press Control-Option-Shift keys to enter the Web content.
-              </ListItem>
-              <ListItem>
-                Press the Tab key. VO announces the notification text and the
-                close button.
-              </ListItem>
-              <ListItem>
-                Press the Space key or Enter key to close the notification.
-              </ListItem>
-            </OrderedList>
-          </StructuredListCell>
-        </StructuredListRow>
-      </StructuredListBody>
-    </StructuredListWrapper>
-  </Column>
-</Row>
-
-### Windows screen reader tests
-
-<Row>
-  <Column noGutterSm>
-    <StructuredListWrapper>
-      <StructuredListHead>
-        <StructuredListRow head>
-          <StructuredListCell head>Environment</StructuredListCell>
-          <StructuredListCell head>Results</StructuredListCell>
-        </StructuredListRow>
-      </StructuredListHead>
-      <StructuredListBody>
-        <StructuredListRow>
-          <StructuredListCell>
-            - Microsoft Windows 10
-            <br />
-            - Firefox version 68
-            <br />
-            - JAWS version 18
-            <br />- Carbon React version 7.7.1
-          </StructuredListCell>
-          <StructuredListCell>
-            <strong>JAWS test:</strong>
-            <OrderedList>
-              <ListItem>
-                Press H, JAWS announce the notification title.
-              </ListItem>
-              <ListItem>
-                Press Alt-Down Arrow, JAWS announces each line of the
-                notification text.
-              </ListItem>
-              <ListItem>
-                Press the Tab, JAWS announces the close button.
-              </ListItem>
-              <ListItem>
-                Press the Space key or Enter key to close the notification.
-              </ListItem>
-            </OrderedList>
-          </StructuredListCell>
-        </StructuredListRow>
-      </StructuredListBody>
-    </StructuredListWrapper>
-  </Column>
-</Row>
-
-### iOS screen reader tests
-
-<Row>
-  <Column noGutterSm>
-    <StructuredListWrapper>
-      <StructuredListRow head>
-        <StructuredListCell head>Environment </StructuredListCell>
-        <StructuredListCell head>Results</StructuredListCell>
-      </StructuredListRow>
-      <StructuredListBody>
-        <StructuredListRow>
-          <StructuredListCell>
-            - iOS version 13.1.3 with VoiceOver
-            <br />
-            - Safari version 13.1.3
-            <br />- Carbon React version 7.7.1
-          </StructuredListCell>
-          <StructuredListCell>
-            <strong>VoiceOver test:</strong>
-            <OrderedList>
-              <ListItem>
-                Swipe right to the notification and to read the notification
-                text.
-              </ListItem>
-              <ListItem>
-                Swipe right to the X icon. VO announces the close button.
-              </ListItem>
-              <ListItem>Double tap to close the notification.</ListItem>
-            </OrderedList>
-          </StructuredListCell>
-        </StructuredListRow>
-      </StructuredListBody>
-    </StructuredListWrapper>
-  </Column>
-</Row>
+<A11yStatus layout="table" components="Notification" />
diff --git a/src/pages/components/number-input/accessibility.mdx b/src/pages/components/number-input/accessibility.mdx
index 773efb7a612..c73d46ab668 100644
--- a/src/pages/components/number-input/accessibility.mdx
+++ b/src/pages/components/number-input/accessibility.mdx
@@ -34,11 +34,6 @@ standard number input component, Carbon already incorporates accessibility.
 
 </AnchorLinks>
 
-<A11yStatus
-  layout="table"
-  components={['Number input', 'Fluid number input']}
-/>
-
 ## What Carbon provides
 
 Carbon bakes keyboard operation into its components, improving the experience of
@@ -119,3 +114,8 @@ Keep this in mind if you’re modifying Carbon or creating a custom component.
   with the input.
 - The red error SVG icons have `aria-hidden="true"` set, since the helper text
   provides the same information.
+
+<A11yStatus
+  layout="table"
+  components={['Number input', 'Fluid number input']}
+/>
diff --git a/src/pages/components/pagination/accessibility.mdx b/src/pages/components/pagination/accessibility.mdx
index ab2317ecc2b..84d215cced5 100644
--- a/src/pages/components/pagination/accessibility.mdx
+++ b/src/pages/components/pagination/accessibility.mdx
@@ -34,8 +34,6 @@ component.
 
 </AnchorLinks>
 
-<A11yStatus layout="table" components={['Pagination', 'Pagination nav']} />
-
 ## What Carbon provides
 
 Carbon bakes keyboard operation into its components, improving the experience of
@@ -172,3 +170,5 @@ custom component.
 - Consult the
   [ARIA authoring practices](https://www.w3.org/WAI/ARIA/apg/example-index/combobox/combobox-select-only.html)
   for more considerations.
+
+<A11yStatus layout="table" components={['Pagination', 'Pagination nav']} />
diff --git a/src/pages/components/popover/accessibility.mdx b/src/pages/components/popover/accessibility.mdx
index dc332089098..b059ab135c4 100644
--- a/src/pages/components/popover/accessibility.mdx
+++ b/src/pages/components/popover/accessibility.mdx
@@ -24,8 +24,6 @@ component.
   <AnchorLink>Development considerations</AnchorLink>
 </AnchorLinks>
 
-<A11yStatus layout="table" components="Popover" />
-
 ## What Carbon provides
 
 Carbon bakes keyboard operation into its components, improving the experience of
@@ -78,3 +76,5 @@ custom component.
   is.
 - The button uses `aria-expanded` to set popover visibility and `aria-controls`
   to handle navigation to the content.
+
+<A11yStatus layout="table" components="Popover" />
diff --git a/src/pages/components/progress-bar/accessibility.mdx b/src/pages/components/progress-bar/accessibility.mdx
index 268252d7953..dcde9e849ba 100644
--- a/src/pages/components/progress-bar/accessibility.mdx
+++ b/src/pages/components/progress-bar/accessibility.mdx
@@ -23,8 +23,6 @@ standard progress bar component, Carbon already incorporates accessibility.
 
 </AnchorLinks>
 
-<A11yStatus layout="table" components="Progress bar" />
-
 ## What Carbon provides
 
 Carbon bakes keyboard operation into its components, improving the experience of
@@ -106,3 +104,5 @@ Keep this in mind if you’re modifying Carbon or creating a custom component:
   and helper text with the component.
 - The red error and green success SVG icons have `aria-hidden="true"` set, since
   the helper text and aria attributes provide the same information.
+
+<A11yStatus layout="table" components="Progress bar" />
diff --git a/src/pages/components/progress-indicator/accessibility.mdx b/src/pages/components/progress-indicator/accessibility.mdx
index 829db5a978a..32b66d83ebe 100644
--- a/src/pages/components/progress-indicator/accessibility.mdx
+++ b/src/pages/components/progress-indicator/accessibility.mdx
@@ -35,8 +35,6 @@ be updated when these accessibility issues are resolved.
   <AnchorLink>Accessibility testing</AnchorLink>
 </AnchorLinks>
 
-<A11yStatus layout="table" components="Progress indicator" />
-
 ## Accessibility considerations
 
 1. Link text is the visible label for the native HTML link and is used to
@@ -73,42 +71,4 @@ be updated when these accessibility issues are resolved.
 
 ## Accessibility testing
 
-Automated, manual and screen reader accessibility verification test has been
-performed on the progress indicator React Carbon component.
-[WCAG 2.1 Level A and AA success criteria](https://www.w3.org/TR/WCAG21/) issues
-have been identified and the list of open accessibility violations is available
-in the Carbon Component GitHub repository.
-
-### Automated test
-
-<Row>
-  <Column noGutterSm>
-    <StructuredListWrapper>
-      <StructuredListHead>
-        <StructuredListRow head>
-          <StructuredListCell head>
-            Automated test environment
-          </StructuredListCell>
-          <StructuredListCell head>Results</StructuredListCell>
-        </StructuredListRow>
-      </StructuredListHead>
-      <StructuredListBody>
-        <StructuredListRow>
-          <StructuredListCell>
-            - macOS Mojave version 10.14.2 with VoiceOver
-            <br />
-            - Chrome version 77.0.3865.90
-            <br />
-            - Dynamic Assessment Plugin (DAP) version 1.8.0.0 - IBM
-            Accessibility WCAG 2.1 Sept. 2019 Ruleset
-            <br />- Carbon React version 7.7.1
-          </StructuredListCell>
-          <StructuredListCell>
-            <strong>DAP test:</strong>
-            <br />- No violations
-          </StructuredListCell>
-        </StructuredListRow>
-      </StructuredListBody>
-    </StructuredListWrapper>
-  </Column>
-</Row>
+<A11yStatus layout="table" components="Progress indicator" />
diff --git a/src/pages/components/radio-button/accessibility.mdx b/src/pages/components/radio-button/accessibility.mdx
index ce6db8bbf6f..ab6257369f1 100644
--- a/src/pages/components/radio-button/accessibility.mdx
+++ b/src/pages/components/radio-button/accessibility.mdx
@@ -34,8 +34,6 @@ component.
 
 </AnchorLinks>
 
-<A11yStatus layout="table" components="Radio button" />
-
 ## What Carbon provides
 
 Carbon bakes keyboard operation into its components, improving the experience of
@@ -93,3 +91,5 @@ Keep this in mind if you’re modifying Carbon or creating a custom component.
 - See the
   [ARIA authoring practices](https://www.w3.org/WAI/ARIA/apg/patterns/radiobutton/)
   for more considerations.
+
+<A11yStatus layout="table" components="Radio button" />
diff --git a/src/pages/components/search/accessibility.mdx b/src/pages/components/search/accessibility.mdx
index dc502d9fe20..dae6d5b69d0 100644
--- a/src/pages/components/search/accessibility.mdx
+++ b/src/pages/components/search/accessibility.mdx
@@ -32,8 +32,6 @@ annotations are needed to make the search messaging and results accessible.
 
 </AnchorLinks>
 
-<A11yStatus layout="table" components={['Search', 'Fluid search']} />
-
 ## What Carbon provides
 
 Carbon bakes keyboard operation into its components, improving the experience of
@@ -153,3 +151,5 @@ custom component.
 - See the
   [Mozilla search input documentation](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/search)
   for more considerations.
+
+<A11yStatus layout="table" components={['Search', 'Fluid search']} />
diff --git a/src/pages/components/select/accessibility.mdx b/src/pages/components/select/accessibility.mdx
index 54cee3f23c9..0e5fe2f3024 100644
--- a/src/pages/components/select/accessibility.mdx
+++ b/src/pages/components/select/accessibility.mdx
@@ -34,8 +34,6 @@ component.
 
 </AnchorLinks>
 
-<A11yStatus layout="table" components={['Select', 'Fluid select']} />
-
 ## What Carbon provides
 
 Carbon bakes keyboard operation into its components, improving the experience of
@@ -88,3 +86,5 @@ custom component.
   list of options when the select is open.
 - The component is built on the HTML `select` element and has limited styling,
   with most of the visual appearance coming from the browser.
+
+<A11yStatus layout="table" components={['Select', 'Fluid select']} />
diff --git a/src/pages/components/slider/accessibility.mdx b/src/pages/components/slider/accessibility.mdx
index 8d710eb4f28..a6caa22f0bc 100644
--- a/src/pages/components/slider/accessibility.mdx
+++ b/src/pages/components/slider/accessibility.mdx
@@ -27,8 +27,6 @@ component.
   <AnchorLink>Development considerations</AnchorLink>
 </AnchorLinks>
 
-<A11yStatus layout="table" components="Slider" />
-
 ## What Carbon provides
 
 Carbon bakes keyboard operation into its components, improving the experience of
@@ -163,3 +161,5 @@ In the range slider, if the inputted value is not logically correct (for
 example, if a minimum value is greater than the maximum value), a warning
 message will be generated that informs the user that a value was autocorrected
 to the nearest allowed digit.
+
+<A11yStatus layout="table" components="Slider" />
diff --git a/src/pages/components/structured-list/accessibility.mdx b/src/pages/components/structured-list/accessibility.mdx
index 29f51e76a90..45c36e718ff 100644
--- a/src/pages/components/structured-list/accessibility.mdx
+++ b/src/pages/components/structured-list/accessibility.mdx
@@ -34,8 +34,6 @@ be updated when these accessibility issues are resolved.
   <AnchorLink>Accessibility testing</AnchorLink>
 </AnchorLinks>
 
-<A11yStatus layout="table" components="Structured list" />
-
 ## Accessibility considerations
 
 1. The structured list headers accurately describe the data contained in the
@@ -77,42 +75,4 @@ be updated when these accessibility issues are resolved.
 
 ## Accessibility testing
 
-Automated, manual and screen reader accessibility verification test has been
-performed on the structure list React Carbon Component.
-[WCAG 2.1 Level A and AA success criteria](https://www.w3.org/TR/WCAG21/) issues
-have been identified and the list of open accessibility violations is available
-in the Carbon Component GitHub repository.
-
-### Automated test
-
-<Row>
-  <Column noGutterSm>
-    <StructuredListWrapper>
-      <StructuredListHead>
-        <StructuredListRow head>
-          <StructuredListCell head>
-            Automated test environment
-          </StructuredListCell>
-          <StructuredListCell head>Results</StructuredListCell>
-        </StructuredListRow>
-      </StructuredListHead>
-      <StructuredListBody>
-        <StructuredListRow>
-          <StructuredListCell>
-            - macOS Mojave version 10.14.6 with VoiceOver
-            <br />
-            - Chrome version 77.0.3865.90
-            <br />
-            - Dynamic Assessment Plugin (DAP) version 1.8.0.0 - IBM
-            Accessibility WCAG 2.1 Sept. 2019 Ruleset
-            <br />- Carbon React version 7.7.1
-          </StructuredListCell>
-          <StructuredListCell>
-            <strong>DAP test:</strong>
-            <br />- Violations
-          </StructuredListCell>
-        </StructuredListRow>
-      </StructuredListBody>
-    </StructuredListWrapper>
-  </Column>
-</Row>
+<A11yStatus layout="table" components="Structured list" />
diff --git a/src/pages/components/tabs/accessibility.mdx b/src/pages/components/tabs/accessibility.mdx
index 6ba0452adba..de063422695 100644
--- a/src/pages/components/tabs/accessibility.mdx
+++ b/src/pages/components/tabs/accessibility.mdx
@@ -32,8 +32,6 @@ accessibility.
   <AnchorLink>Development considerations</AnchorLink>
 </AnchorLinks>
 
-<A11yStatus layout="table" components="Tabs" />
-
 ## What Carbon provides
 
 Carbon bakes keyboard operation into its components, improving the experience of
@@ -155,3 +153,5 @@ custom component.
   for more considerations.
 - For accessibility considerations for manual tabs, see
   [Deciding when to make selection automatically follow focus](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_selection_follows_focus).
+
+<A11yStatus layout="table" components="Tabs" />
diff --git a/src/pages/components/tag/accessibility.mdx b/src/pages/components/tag/accessibility.mdx
index f16624418cc..c8513dba6d8 100644
--- a/src/pages/components/tag/accessibility.mdx
+++ b/src/pages/components/tag/accessibility.mdx
@@ -32,8 +32,6 @@ in mind if you are modifying Carbon or creating a custom component.
   <AnchorLink>Development considerations</AnchorLink>
 </AnchorLinks>
 
-<A11yStatus layout="table" components="Tag" />
-
 ## What Carbon provides
 
 Carbon bakes keyboard operation into its components, improving the experience of
@@ -102,7 +100,7 @@ middle, or end, depending on what is best for the given use case.
   keyboard.
 </Caption>
 
-## Developer considerations
+## Development considerations
 
 Keep this in mind if you’re modifying Carbon or creating a custom component.
 
@@ -110,3 +108,5 @@ Keep this in mind if you’re modifying Carbon or creating a custom component.
   interactions for the close icon in the tag.
 - Do not nest buttons within the operational tag. Consider using the `as` prop
   to change an element tag to avoid nesting buttons.
+
+<A11yStatus layout="table" components="Tag" />
diff --git a/src/pages/components/text-input/accessibility.mdx b/src/pages/components/text-input/accessibility.mdx
index 582a561e93f..3987e10e920 100644
--- a/src/pages/components/text-input/accessibility.mdx
+++ b/src/pages/components/text-input/accessibility.mdx
@@ -34,16 +34,6 @@ component.
 
 </AnchorLinks>
 
-<A11yStatus
-  layout="table"
-  components={[
-    'Text input',
-    'Text area',
-    'Fluid text input',
-    'Fluid text area',
-  ]}
-/>
-
 ## What Carbon provides
 
 Carbon bakes keyboard operation into its components, improving the experience of
@@ -113,3 +103,13 @@ custom component.
 
 - Labels are properly associated with inputs using the `for` attribute.
 - Helper text is surfaced to assistive technology through `aria-describedby`.
+
+<A11yStatus
+  layout="table"
+  components={[
+    'Text input',
+    'Text area',
+    'Fluid text input',
+    'Fluid text area',
+  ]}
+/>
diff --git a/src/pages/components/tile/accessibility.mdx b/src/pages/components/tile/accessibility.mdx
index cd9f8991f98..efe83e5a288 100644
--- a/src/pages/components/tile/accessibility.mdx
+++ b/src/pages/components/tile/accessibility.mdx
@@ -34,8 +34,6 @@ be updated when these accessibility issues are resolved.
   <AnchorLink>Accessibility testing</AnchorLink>
 </AnchorLinks>
 
-<A11yStatus layout="table" components="Tile" />
-
 ## Accessibility considerations
 
 1. Labels should be clear and concise.
@@ -71,42 +69,4 @@ be updated when these accessibility issues are resolved.
 
 ## Accessibility testing
 
-Automated, manual and screen reader accessibility verification test has been
-performed on the tile React Carbon component.
-[WCAG 2.1 Level A and AA success criteria](https://www.w3.org/TR/WCAG21/) issues
-have been identified and the list of open accessibility violations is available
-in the Carbon Component GitHub repository.
-
-### Automated test
-
-<Row>
-  <Column noGutterSm>
-    <StructuredListWrapper>
-      <StructuredListHead>
-        <StructuredListRow head>
-          <StructuredListCell head>
-            Automated test environment
-          </StructuredListCell>
-          <StructuredListCell head>Results</StructuredListCell>
-        </StructuredListRow>
-      </StructuredListHead>
-      <StructuredListBody>
-        <StructuredListRow>
-          <StructuredListCell>
-            - macOS Mojave version 10.14.6 with VoiceOver
-            <br />
-            - Chrome version 77.0.3865.90
-            <br />
-            - Dynamic Assessment Plugin (DAP) version 1.8.0.0 - IBM
-            Accessibility WCAG 2.1 Sept. 2019 Ruleset
-            <br />- Carbon React version 7.7.1
-          </StructuredListCell>
-          <StructuredListCell>
-            <strong>DAP test:</strong>
-            <br />- No violations
-          </StructuredListCell>
-        </StructuredListRow>
-      </StructuredListBody>
-    </StructuredListWrapper>
-  </Column>
-</Row>
+<A11yStatus layout="table" components="Tile" />
diff --git a/src/pages/components/toggle/accessibility.mdx b/src/pages/components/toggle/accessibility.mdx
index cc4ef47880c..ac9c4106d1d 100644
--- a/src/pages/components/toggle/accessibility.mdx
+++ b/src/pages/components/toggle/accessibility.mdx
@@ -35,8 +35,6 @@ component.
 
 </AnchorLinks>
 
-<A11yStatus layout="table" components="Toggle" />
-
 ## What Carbon provides
 
 Carbon bakes keyboard operation into its components, improving the experience of
@@ -116,3 +114,5 @@ Keep this in mind if you’re modifying Carbon or creating a custom component.
 - See the
   [ARIA authoring practices guidance on switch](https://w3c.github.io/aria-practices/#switch)
   for more considerations.
+
+<A11yStatus layout="table" components="Toggle" />
diff --git a/src/pages/components/toggletip/accessibility.mdx b/src/pages/components/toggletip/accessibility.mdx
index c926ad6ce52..3fa0953dbe8 100644
--- a/src/pages/components/toggletip/accessibility.mdx
+++ b/src/pages/components/toggletip/accessibility.mdx
@@ -23,8 +23,6 @@ trigger element and can contain interactive elements.
   <AnchorLink>Development considerations</AnchorLink>
 </AnchorLinks>
 
-<A11yStatus layout="table" components="Toggletip" />
-
 ## What Carbon provides
 
 Carbon already incorporates accessibility into the toggletip component.
@@ -78,3 +76,5 @@ custom component.
 - The icon button has `aria-label="Show information"`.
 - The button uses `aria-expanded` to set toggletip visibility and
   `aria-controls` to handle navigation to the content.
+
+<A11yStatus layout="table" components="Toggletip" />
diff --git a/src/pages/components/tooltip/accessibility.mdx b/src/pages/components/tooltip/accessibility.mdx
index 76a396d9796..c37647b8daf 100644
--- a/src/pages/components/tooltip/accessibility.mdx
+++ b/src/pages/components/tooltip/accessibility.mdx
@@ -23,8 +23,6 @@ annotate the tooltip’s text content.
 
 </AnchorLinks>
 
-<A11yStatus layout="table" components="Tooltip" />
-
 ## What Carbon provides
 
 No annotations are needed for keyboard operation, since Carbon bakes in the
@@ -113,3 +111,5 @@ custom component.
 - See the tooltip pattern in the
   [ARIA authoring practices](https://w3c.github.io/aria-practices/#tooltip) for
   more considerations.
+
+<A11yStatus layout="table" components="Tooltip" />
diff --git a/src/pages/components/tree-view/accessibility.mdx b/src/pages/components/tree-view/accessibility.mdx
index 25940bebfa6..8d8119b2ead 100644
--- a/src/pages/components/tree-view/accessibility.mdx
+++ b/src/pages/components/tree-view/accessibility.mdx
@@ -21,8 +21,6 @@ component.
   <AnchorLink>Development considerations</AnchorLink>
 </AnchorLinks>
 
-<A11yStatus layout="table" components="Treeview" />
-
 ## What Carbon provides
 
 Carbon bakes keyboard operation into its components, improving the experience of
@@ -75,3 +73,5 @@ custom component.
 - See the
   [ARIA authoring practice Tree View pattern](https://www.w3.org/WAI/ARIA/apg/patterns/treeview/)
   for more considerations.
+
+<A11yStatus layout="table" components="Treeview" />