feat(housekeeping): finish accessible command deck

2026-08-30 18:49:10 +02:00
parent 85ad0452d3
commit a113e48880
55 changed files with 17064 additions and 509 deletions
@@ -27,14 +27,18 @@ export function DomainRail({
 	ariaLabel,
 }: DomainRailProps) {
 	return (
-		<nav aria-label={ariaLabel} className="w-full lg:w-20">
+		<nav
+			aria-label={ariaLabel}
+			data-housekeeping-landmark="primary-navigation"
+			className="min-w-0 w-full lg:w-20"
+		>
 			<ul className="flex gap-1 overflow-x-auto lg:flex-col lg:overflow-visible">
 				{domains.map((domain) => (
 					<li key={domain.id} className="min-w-max lg:min-w-0">
 						<Link
 							href={domain.href}
 							aria-current={domain.id === activeDomainId ? "page" : undefined}
-							className="flex items-center gap-2 rounded-lg px-3 py-2 text-sm text-[var(--admin-text-muted)] hover:bg-[var(--admin-surface)] hover:text-[var(--admin-text)] lg:justify-center"
+							className="flex min-h-11 items-center gap-2 rounded-lg px-3 py-2 text-sm text-[var(--admin-text-muted)] hover:bg-[var(--admin-surface)] hover:text-[var(--admin-text)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--admin-accent)] lg:justify-center"
 						>
 							<span data-domain-icon={domain.iconId}>
 								<DomainIcon iconId={domain.iconId} />