chore(a11y): improve website settings accessibility (#17)

The previous switch buttons (using checkbox) was not a11y compliant. So I change my approach to use radio buttons and to clearly separate the two different states. I also convert the Ackee select setting to improve consistency between settings.

1 files changed, 0 insertions, 28 deletions

diff --git a/src/components/atoms/forms/checkbox.test.tsx b/src/components/atoms/forms/checkbox.test.tsx
deleted file mode 100644
index 3b54549..0000000
--- a/src/components/atoms/forms/checkbox.test.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import { render, screen } from '@test-utils';
-import Checkbox from './checkbox';
-
-describe('Checkbox', () => {
-  it('renders an unchecked checkbox', () => {
-    render(
-      <Checkbox
-        id="jest-checkbox"
-        name="jest-checkbox"
-        value={false}
-        setValue={() => null}
-      />
-    );
-    expect(screen.getByRole('checkbox')).not.toBeChecked();
-  });
-
-  it('renders a checked checkbox', () => {
-    render(
-      <Checkbox
-        id="jest-checkbox"
-        name="jest-checkbox"
-        value={true}
-        setValue={() => null}
-      />
-    );
-    expect(screen.getByRole('checkbox')).toBeChecked();
-  });
-});