fix(web):solve aria issues

Author: KevinGrajeda

web/src/app/SpringEditor.tsx

@@ -27,6 +27,7 @@ export default function SpringEditor() {
               <SelectTrigger
                 id="spring-bounce-"
                 className="h-8 w-[7ch] p-0 px-1 text-xl"
+                aria-label="spring-bounce"
               >
                 <SelectValue />
               </SelectTrigger>
@@ -54,6 +55,7 @@ export default function SpringEditor() {
               <SelectTrigger
                 id="spring-duration"
                 className="h-8 w-[7ch] p-0 px-1 text-xl"
+                aria-label="spring-duration"
               >
                 <SelectValue />
               </SelectTrigger>
@@ -93,7 +95,12 @@ export default function SpringEditor() {
             )}
           >
             Touch me
-            <input type="checkbox" className="hidden" />
+            <input
+              type="checkbox"
+              className="hidden"
+              aria-label="Touch me"
+              id="touch-me"
+            />
           </label>
         </div>
       </article>

web/src/app/page.tsx

@@ -9,7 +9,10 @@ export default function Home() {
           tailwindcss-spring
         </h1>
         <div className="rotate-45">
-          <button className="origin-bottom transition-transform spring-bounce-70 spring-duration-150 hover:scale-y-110 active:scale-y-90">
+          <button
+            className="origin-bottom transition-transform spring-bounce-70 spring-duration-150 hover:scale-y-110 active:scale-y-90"
+            aria-label="Interactive spring"
+          >
             <svg
               className="size-8 stroke-red-500"
               width="250"

web/src/components/CopyButton.tsx

@@ -10,6 +10,7 @@ export default function CopyButton({ text }: { text: string }) {
   return (
     <Button
       className="group mr-2 h-full bg-transparent px-2 text-foreground hover:bg-border/50"
+      aria-label="Copy to clipboard"
       onClick={() => {
         if (navigator.clipboard) {
           navigator.clipboard.writeText(text);