refactor(a11y): 44×44 touch targets + normalize accent-bg alpha

2026-05-14 17:32:10 +00:00
parent c866a68f06
commit 35c69fd010
5 changed files with 26 additions and 10 deletions
@@ -17,7 +17,9 @@ export const TabsList = React.forwardRef<
    <TabsPrimitive.List
      ref={ref}
      className={cn(
-        'inline-flex h-10 items-center gap-1 border-b border-line w-full',
+        // h-11 (44px) — DESIGN.md §13 touch target enforcement. Was h-10
+        // (40px) — short on WCAG AAA 44 minimum.
+        'inline-flex h-11 items-center gap-1 border-b border-line w-full',
        className,
      )}
      {...props}
@@ -33,7 +35,8 @@ export const TabsTrigger = React.forwardRef<
    <TabsPrimitive.Trigger
      ref={ref}
      className={cn(
-        'inline-flex items-center justify-center whitespace-nowrap px-3.5 h-10 text-body text-ink-2 -mb-px',
+        // h-11 paired с TabsList h-11 — touch target enforcement.
+        'inline-flex items-center justify-center whitespace-nowrap px-3.5 h-11 text-body text-ink-2 -mb-px',
        'border-b-2 border-transparent transition-all hover:text-ink',
        'focus-visible:outline-none focus-visible:text-accent',
        'disabled:pointer-events-none disabled:opacity-50',