From 5a2f4a64a031c78edd095ea7c0698585fd772c73 Mon Sep 17 00:00:00 2001
From: Wout De Puysseleir <woutdp@gmail.com>
Date: Sat, 19 Oct 2024 12:14:41 -0700
Subject: [PATCH] Add aria-labels to buttons

---
 example_project/assets/svelte/LightControllers.svelte | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/example_project/assets/svelte/LightControllers.svelte b/example_project/assets/svelte/LightControllers.svelte
index d3b29da..667eaab 100644
--- a/example_project/assets/svelte/LightControllers.svelte
+++ b/example_project/assets/svelte/LightControllers.svelte
@@ -15,6 +15,7 @@
         } relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-brand focus:ring-offset-2`}
         role="switch"
         aria-checked="false"
+        aria-label="Use setting"
         on:click={toggleLight}
     >
         <span class="sr-only">Use setting</span>
@@ -29,6 +30,7 @@
         <button
             phx-click="down"
             class="flex items-center justify-center text-xl font-bold w-10 h-10 p-2 rounded bg-slate-100 hover:bg-brand active:bg-brand shadow-md hover:shadow-xl"
+            aria-label="down"
         >
             <svg
                 xmlns="http://www.w3.org/2000/svg"
@@ -44,6 +46,7 @@
         <button
             phx-click="up"
             class="flex items-center justify-center text-xl font-bold w-10 h-10 p-2 rounded bg-slate-100 hover:bg-brand active:bg-brand shadow-md hover:shadow-xl"
+            aria-label="up"
         >
             <svg
                 xmlns="http://www.w3.org/2000/svg"