feat: improve accessibility with semantic HTML, ARIA attributes, and visible focus states across components.

2026-02-25 16:09:54 -03:00
parent 1868f64415
commit 59732f3706
7 changed files with 123 additions and 64 deletions
@@ -13,11 +13,17 @@
  /* blue-500 */
  --accent-secondary: #6366f1;
  /* indigo-500 */
-  --glass-bg: rgba(255, 255, 255, 0.03);
-  --glass-border: rgba(255, 255, 255, 0.08);
+  --glass-bg: rgba(255, 255, 255, 0.05);
+  --glass-border: rgba(255, 255, 255, 0.1);
  --glass-blur: blur(16px);
 }

+/* Ensure focus states are visible for keyboard navigation */
+:focus-visible {
+  outline: 2px solid var(--accent-primary);
+  outline-offset: 4px;
+}
+
 body {
  color: rgb(var(--foreground-rgb));
  background: var(--background-start-rgb);