From 4a9f054f4fc0eb5daa73d16c0f14c655f5cfa162 Mon Sep 17 00:00:00 2001
From: kwaroran <amasio1234@proton.me>
Date: Sun, 30 Jun 2024 05:26:33 +0900
Subject: [PATCH] chore: Add aria attributes to CheckInput component

---
 src/lib/UI/GUI/CheckInput.svelte | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/lib/UI/GUI/CheckInput.svelte b/src/lib/UI/GUI/CheckInput.svelte
index cc600820..03865b8b 100644
--- a/src/lib/UI/GUI/CheckInput.svelte
+++ b/src/lib/UI/GUI/CheckInput.svelte
@@ -14,6 +14,7 @@
     class={"flex items-center space-x-2 cursor-pointer" + (className ? " " + className : "") + (grayText ? " text-textcolor2" : " text-textcolor")}
     class:mr-2={margin}
     aria-describedby="{name} {check ? 'abled' : 'disabled'}"
+    aria-labelledby="{name} {check ? 'abled' : 'disabled'}"
 >
     <input 
         class="hidden" 
@@ -23,10 +24,14 @@
         on:change={() => {
             onChange(check)
         }}
+        aria-describedby="{name} {check ? 'abled' : 'disabled'}"
+        aria-labelledby="{name} {check ? 'abled' : 'disabled'}"
     />
     <span 
         class="w-5 h-5 min-w-5 min-h-5 rounded-md border-2 border-darkborderc flex justify-center items-center {check ? 'bg-borderc' : 'bg-darkbutton'} transition-colors duration-200"
         aria-hidden="true"
+        aria-describedby="{name} {check ? 'abled' : 'disabled'}"
+        aria-labelledby="{name} {check ? 'abled' : 'disabled'}"
     >
         {#if check}
             <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="white" class="w-3 h-3" aria-hidden="true">