diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-06-07 17:10:43 +0200 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-06-07 17:13:40 +0200 |
| commit | 234b67fe98c6167e4f83f43e11942a9e937c2a60 (patch) | |
| tree | 131fb74c2c38617adfe7c65473f5a0892c5584c1 /src/components/molecules/layout/code.stories.tsx | |
| parent | 73f94705dc583e968114e5a09e85979448f3412b (diff) | |
chore: add an aria label to code blocks
Prism is adding a tabindex to code blocks, so I think an aria label
can help screen reader users to identify the tabbed content.
Diffstat (limited to 'src/components/molecules/layout/code.stories.tsx')
| -rw-r--r-- | src/components/molecules/layout/code.stories.tsx | 13 |
1 files changed, 13 insertions, 0 deletions
diff --git a/src/components/molecules/layout/code.stories.tsx b/src/components/molecules/layout/code.stories.tsx index ac0e98f..c3fbf22 100644 --- a/src/components/molecules/layout/code.stories.tsx +++ b/src/components/molecules/layout/code.stories.tsx @@ -12,6 +12,19 @@ export default { outputPattern: '#output#', }, argTypes: { + 'aria-label': { + control: { + type: 'text', + }, + description: 'An accessible name for the code sample.', + table: { + category: 'Accessibility', + }, + type: { + name: 'string', + required: false, + }, + }, children: { control: { type: 'text', |