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

Commit f524261

Browse files
docs: accessibility info added for clink component
accessibility.md file added to brief the basic introductions on accessibility of CLink component
1 parent 20bf588 commit f524261

File tree

1 file changed

+24
-0
lines changed

1 file changed

+24
-0
lines changed
Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
# Link | Accessibility ♿️
2+
3+
This report is adapted to list the [WAI-ARIA Authoring practices for alert dialogs](https://www.w3.org/TR/wai-aria-practices-1.2/#link) supported by Chakra UI for the `CLink` component.
4+
5+
### Description
6+
A link widget provides an interactive reference to a resource. The target resource can be either external or local, i.e., either outside or within the current page or application.
7+
8+
#### Components
9+
`@chakra-ui/vue` exports 1 checkbox related components:
10+
- `CLink`
11+
12+
### `CLink` Keyboard Interaction
13+
- [x] **`Enter`**: Executes the link and moves focus to the link target.
14+
- [x] **`Shift + F10 (Optional)`**: Opens a context menu for the link.
15+
16+
17+
### `CLink` WAI-ARIA compliance
18+
The element containing the link text or graphic has role of link.
19+
Links are accessible elements used primarily for navigation. This component is styled to resemble a hyperlink and semantically renders an <a>.
20+
21+
The `CLink` component composes `CPseudoBox`, so you can pass all `CPseudoBox` props
22+
23+
24+
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)