From d7fa0a16bebbb58e842f28396a0973f16a060996 Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Thu, 2 Jun 2022 18:57:56 +0200 Subject: fix: improve help button accessibility with aria-pressed --- src/components/atoms/buttons/button.tsx | 12 ++++++++---- 1 file changed, 8 insertions(+), 4 deletions(-) (limited to 'src/components/atoms') diff --git a/src/components/atoms/buttons/button.tsx b/src/components/atoms/buttons/button.tsx index 9776687..fecbcfd 100644 --- a/src/components/atoms/buttons/button.tsx +++ b/src/components/atoms/buttons/button.tsx @@ -7,6 +7,14 @@ import { import styles from './buttons.module.scss'; export type ButtonProps = { + /** + * Button accessible label. + */ + 'aria-label'?: string; + /** + * Indicates the current "pressed" state of a toggle button. + */ + 'aria-pressed'?: boolean | 'mixed'; /** * The button body. */ @@ -15,10 +23,6 @@ export type ButtonProps = { * Set additional classnames to the button wrapper. */ className?: string; - /** - * Button accessible label. - */ - 'aria-label'?: string; /** * Button state. Default: false. */ -- cgit v1.2.3