diff --git a/src/components/colorschemepicker.spec.tsx b/src/components/colorschemepicker.spec.tsx
index 037adc9..1704e8d 100644
--- a/src/components/colorschemepicker.spec.tsx
+++ b/src/components/colorschemepicker.spec.tsx
@@ -4,7 +4,11 @@ import { ColorSchemePicker } from "./colorschemepicker";
 
 // describe('<ColorSchemePicker />', () => {
 //     it('should render', async () => {
-//         render(() => <ColorSchemePicker />);
+//         const { getByLabelText } = render(() => <ColorSchemePicker />);
+
+//         const kaas = getByLabelText('Color scheme picker');
+
+//         console.log(kaas);
 
 //         expect(true).toBe(true);
 //     });
diff --git a/src/components/colorschemepicker.tsx b/src/components/colorschemepicker.tsx
index d0f8ca9..a386251 100644
--- a/src/components/colorschemepicker.tsx
+++ b/src/components/colorschemepicker.tsx
@@ -48,7 +48,7 @@ export const ColorSchemePicker: Component<ColorSchemePickerProps> = (props) => {
         props.value?.(ColorScheme[value()]);
     });
 
-    return <label class={css.picker}>
+    return <label class={css.picker} aria-label="Color scheme picker">
         <CgDarkMode />
 
         <select name="color-scheme-picker" onInput={(e) => {