Elgato_dark/live_svelte
1
0
Fork 0
mirror of https://github.com/woutdp/live_svelte synced 2026-05-24 09:28:21 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add aria-labels to buttons

Browse source
This commit is contained in:
Wout De Puysseleir 2024-10-19 12:14:41 -07:00
parent 384133cda1
commit 5a2f4a64a0
No known key found for this signature in database
GPG key ID: 3DE9371B50FEC46A
1 changed files with 3 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
example_project/assets/svelte/LightControllers.svelte
View file

@ -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"