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>
This commit is contained in:
Vinta Chen 2026-03-24 12:53:43 +08:00
parent 65bc88bb4e
commit 0e2c7fcd82
No known key found for this signature in database
GPG Key ID: B93DE4F003C33630

View File

@ -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 {