Accessibility report: Form elements must have labels

aatmaneoulmouden · May 1, 2024 · bd2f7b8 · bd2f7b8
1 parent 4d0f565
commit bd2f7b8
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 14 deletions.
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -1119,8 +1119,8 @@ header .col{
   width: 4rem;
 }
 
-.w-4{
-  width: 1rem;
+.w-3{
+  width: 0.75rem;
 }
 
 .w-6{
@@ -1159,14 +1159,6 @@ header .col{
   width: 100%;
 }
 
-.w-5{
-  width: 1.25rem;
-}
-
-.w-3{
-  width: 0.75rem;
-}
-
 .min-w-12{
   min-width: 3rem;
 }
@@ -3148,10 +3140,6 @@ header .col{
     width: 100%;
   }
 
-  .lg\:w-80{
-    width: 20rem;
-  }
-
   .lg\:min-w-80{
     min-width: 20rem;
   }

diff --git a/index.html b/index.html
@@ -248,6 +248,7 @@ <h1 class="current-price" id="current-price">$ <span>125.00</span></h1>
                 </svg>
               </button>
 
+              <label for="qty" class="hidden">Qty</label>
               <input type="number"
                 class="qty text-center text-lg bg-transparent text-very-dark-blue font-bold outline-none w-16" id="qty"
                 min="1" value="1" readonly>