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.

1 files changed, 8 insertions, 4 deletions

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
@@ -8,6 +8,14 @@ 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.
    */
   children: ReactNode;
@@ -16,10 +24,6 @@ export type ButtonProps = {
    */
   className?: string;
   /**
-   * Button accessible label.
-   */
-  'aria-label'?: string;
-  /**
    * Button state. Default: false.
    */
   disabled?: boolean;