From ffcd6414e740078bf133875c2f98effe444fa17e Mon Sep 17 00:00:00 2001 From: Mike Gower Date: Tue, 8 Mar 2022 15:24:31 -0800 Subject: [PATCH 1/9] Update accessibility.mdx Add information from hand off --- src/pages/components/button/accessibility.mdx | 331 +++--------------- 1 file changed, 48 insertions(+), 283 deletions(-) diff --git a/src/pages/components/button/accessibility.mdx b/src/pages/components/button/accessibility.mdx index 3968aa97499..c220c9cd484 100644 --- a/src/pages/components/button/accessibility.mdx +++ b/src/pages/components/button/accessibility.mdx @@ -6,314 +6,79 @@ description: tabs: ['Usage', 'Style', 'Code', 'Accessibility'] --- -import { - StructuredListWrapper, - StructuredListHead, - StructuredListBody, - StructuredListRow, - StructuredListInput, - StructuredListCell, - OrderedList, - ListItem, -} from 'carbon-components-react'; + + +Design annotations are needed for specific instances shown below, but for the standard button component, Carbon already incorporates accessibility. + + - How it works - Accessibility considerations - Resources - Accessibility testing + What Carbon provides + Design annotations + Developer considerations -## How it works +## What Carbon provides -The `Button` component is used to trigger an action or event, such as submitting -a form, opening a modal, canceling an action, or performing an add or delete -operation. Almost all interactions in the Carbon Design System are implemented -using the native `