diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-06-02 19:03:33 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-06-02 19:03:33 +0200 |
| commit | a8af53c118478e6ed68975c32cc1202b7c7b798e (patch) | |
| tree | e8baa78566523de3d3533f0815efb375a00878d9 /src/components/molecules/buttons/help-button.tsx | |
| parent | 329d5ab3f49d663f40a965af4d29eaa38b9a4a86 (diff) | |
| parent | d7fa0a16bebbb58e842f28396a0973f16a060996 (diff) | |
fix: improve settings accessibility (#18)
The settings modal had some accessibility issues:
* the SVG title was not used as radio button label,
* the state of the help button was only visual.
Diffstat (limited to 'src/components/molecules/buttons/help-button.tsx')
| -rw-r--r-- | src/components/molecules/buttons/help-button.tsx | 5 |
1 files changed, 4 insertions, 1 deletions
diff --git a/src/components/molecules/buttons/help-button.tsx b/src/components/molecules/buttons/help-button.tsx index ccf1ebd..ec89f4e 100644 --- a/src/components/molecules/buttons/help-button.tsx +++ b/src/components/molecules/buttons/help-button.tsx @@ -3,7 +3,10 @@ import { forwardRef, ForwardRefRenderFunction } from 'react'; import { useIntl } from 'react-intl'; import styles from './help-button.module.scss'; -export type HelpButtonProps = Pick<ButtonProps, 'className' | 'onClick'>; +export type HelpButtonProps = Pick< + ButtonProps, + 'aria-pressed' | 'className' | 'onClick' +>; /** * HelpButton component |