From 424ce9df55a64c1c4d7758476db1341cb68201e7 Mon Sep 17 00:00:00 2001 From: Adam Antal Date: Mon, 11 Nov 2024 15:26:32 +0100 Subject: [PATCH] Add aria-labels to button stories for improved accessibility --- components/shared/button/Button.stories.tsx | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/components/shared/button/Button.stories.tsx b/components/shared/button/Button.stories.tsx index 37d7a507..06ddb5ab 100644 --- a/components/shared/button/Button.stories.tsx +++ b/components/shared/button/Button.stories.tsx @@ -28,6 +28,7 @@ export const Default: Story = { }, }, args: { + ariaLabel: "Prøv Lydbogen", variant: "default", size: "default", }, @@ -48,6 +49,7 @@ export const Small: Story = { }, }, args: { + ariaLabel: "Prøv Lydbogen", variant: "default", size: "sm", }, @@ -66,6 +68,7 @@ export const SmallDark: Story = { }, }, args: { + ariaLabel: "Prøv Lydbogen", variant: "default", size: "sm", }, @@ -85,6 +88,7 @@ export const Medium: Story = { }, }, args: { + ariaLabel: "Prøv Lydbogen", variant: "default", size: "md", }, @@ -103,6 +107,7 @@ export const MediumDark: Story = { }, }, args: { + ariaLabel: "Prøv Lydbogen", variant: "default", size: "md", }, @@ -122,6 +127,7 @@ export const Large: Story = { }, }, args: { + ariaLabel: "Prøv Lydbogen", variant: "default", size: "lg", }, @@ -140,6 +146,7 @@ export const LargeDark: Story = { }, }, args: { + ariaLabel: "Prøv Lydbogen", variant: "default", size: "lg", }, @@ -154,6 +161,7 @@ export const LargeDark: Story = { export const IconStory: Story = { name: "Icon", args: { + ariaLabel: "Tilgå hjælpesiden", variant: "icon", }, render: args => ( @@ -166,6 +174,7 @@ export const IconStory: Story = { export const IconStoryDark: Story = { name: "Icon dark", args: { + ariaLabel: "Tilgå hjælpesiden", variant: "icon", }, decorators: [darkModeDecorator],