Skip to content
This repository was archived by the owner on Sep 20, 2024. It is now read-only.

Commit 29e9f59

Browse files
committed
docs(a11y): add accessiblity report
1 parent 9fcc910 commit 29e9f59

File tree

2 files changed

+17
-0
lines changed

2 files changed

+17
-0
lines changed

packages/chakra-ui-core/src/CButtonGroup/CButtonGroup.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -73,6 +73,7 @@ const CButtonGroup = {
7373
attrs: {
7474
d: 'inline-block',
7575
...data.attrs,
76+
role: 'group',
7677
'data-chakra-component': 'CButtonGroup'
7778
},
7879
on: listeners
Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
# ButtonGroup | Accessibility ♿️
2+
3+
This report is adapted to list the [WAI-ARIA Authoring practices for buttons](https://www.w3.org/TR/wai-aria-practices-1.2/#button) supported by Chakra UI for the `CButtonGroup` component.
4+
5+
### Description
6+
The `CButtonGroup` component provides a wrapping container with `role="group"` for multiple children button elements.
7+
8+
#### Components
9+
`@chakra-ui/vue` exports 1 ButtonGroup related components:
10+
- `CButtonGroup`
11+
12+
13+
### `CButton` WAI-ARIA Roles, States, and Properties:
14+
- The `CButtonGroup` component contains the `role="group"` for a group of child `CButton` components grouped together.
15+
16+
Noticed a bug or inconsistency with this component? [Open an issue](https://github.com/chakra-ui/chakra-ui-vue/issues/new/choose)

0 commit comments

Comments
 (0)