feat: enhance accessibility by adding ARIA attributes and focus styles; improve canvas and button elements

view/index.css

@@ -14,6 +14,22 @@
   body {
     @apply m-0 min-w-[320px] bg-background text-foreground;
   }
+
+  :where(button, a, input, textarea, select, [tabindex]):focus-visible {
+    outline: 2px solid rgb(125 211 252 / 0.95);
+    outline-offset: 3px;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    *,
+    *::before,
+    *::after {
+      scroll-behavior: auto !important;
+      transition-duration: 0.01ms !important;
+      animation-duration: 0.01ms !important;
+      animation-iteration-count: 1 !important;
+    }
+  }
 }
 
 @layer components {