From 234b67fe98c6167e4f83f43e11942a9e937c2a60 Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Tue, 7 Jun 2022 17:10:43 +0200 Subject: 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. --- src/components/molecules/layout/code.stories.tsx | 13 +++++++++++++ 1 file changed, 13 insertions(+) (limited to 'src/components/molecules/layout/code.stories.tsx') 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', -- cgit v1.2.3