From 0e2c7fcd82403257afbbfb42c2ca9977d74a1cb6 Mon Sep 17 00:00:00 2001
From: Vinta Chen <vinta.chen@gmail.com>
Date: Tue, 24 Mar 2026 12:53:43 +0800
Subject: [PATCH] fix(a11y): enlarge tag touch target to meet 44px WCAG minimum

Expand the .tag::after pseudo-element inset and add explicit min-height/
min-width of 44px so the interactive hit area satisfies WCAG 2.5.5. Also
nudge mobile tag padding and font-size slightly for visual consistency.

Co-Authored-By: Claude <noreply@anthropic.com>
---
 website/static/style.css | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/website/static/style.css b/website/static/style.css
index ecda40b..edf0a60 100644
--- a/website/static/style.css
+++ b/website/static/style.css
@@ -814,7 +814,9 @@ th[data-sort].sort-asc::after {
 .tag::after {
   content: "";
   position: absolute;
-  inset: -0.35rem -0.15rem;
+  inset: -0.5rem -0.25rem;
+  min-height: 44px;
+  min-width: 44px;
 }
 
 .tag:hover {
@@ -1052,7 +1054,8 @@ th[data-sort].sort-asc::after {
   }
 
   .tag {
-    padding: 0.32rem 0.6rem;
+    padding: 0.38rem 0.65rem;
+    font-size: 0.65rem;
   }
 
   .table-wrap {