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

This commit is contained in:
Александр Зимин
2026-05-14 17:32:10 +00:00
parent c866a68f06
commit 35c69fd010
5 changed files with 26 additions and 10 deletions
@@ -317,7 +317,8 @@ function SidebarFooter({
<button
type="button"
onClick={() => i18n.changeLanguage(next)}
className="h-7 px-2.5 rounded-md border border-line bg-surface text-cap text-ink-2 hover:bg-surface-2 hover:text-ink transition-colors"
// h-11 + min-w-11 — DESIGN.md §13 touch target enforcement.
className="h-11 min-w-11 px-2.5 rounded-md border border-line bg-surface text-cap text-ink-2 hover:bg-surface-2 hover:text-ink transition-colors inline-flex items-center justify-center"
aria-label={`Language: ${cur.toUpperCase()}, click to switch`}
>
{cur.toUpperCase()}
@@ -398,7 +399,8 @@ function AuthedUserBlock({
onClick={() => auth.signoutRedirect().catch(() => auth.removeUser())}
title={t('auth.logout', { defaultValue: 'Logout' })}
aria-label={t('auth.logout', { defaultValue: 'Logout' })}
className="size-7 rounded-md text-mute hover:text-ink hover:bg-surface-2 inline-flex items-center justify-center transition-colors shrink-0"
// size-11 = 44×44 WCAG AAA per DESIGN.md §13.
className="size-11 rounded-md text-mute hover:text-ink hover:bg-surface-2 inline-flex items-center justify-center transition-colors shrink-0"
>
<span aria-hidden></span>
</button>