Merge branch 'fix/mobile-sidebar-a11y-title' into 'main'

fix(a11y): add hidden SheetTitle к MobileSidebar (Radix warning)

See merge request 2-6/2-6-4/terravault/ordinis!200
This commit is contained in:
Александр Зимин
2026-05-14 22:42:00 +00:00
@@ -27,7 +27,7 @@ import {
useReviewsBadgeCount,
useWebhookSubscriptions,
} from '@/api/queries'
import { Sheet, SheetContent } from '@/ui'
import { Sheet, SheetContent, SheetTitle } from '@/ui'
import { ThemeSwitch } from '@/components/layout/ThemeSwitch'
import { cn } from '@/lib/utils'
@@ -533,6 +533,14 @@ export function MobileSidebar({ open, onClose }: { open: boolean; onClose: () =>
size="md"
className="!w-[260px] !max-w-[260px] !p-0 !gap-0 flex flex-col bg-surface"
>
{/* Hidden title — Radix DialogContent (which Sheet wraps) требует
DialogTitle для screen reader а11y. Визуально не нужен (logo
block внутри SidebarContent уже служит heading), поэтому
sr-only. Без этого Radix кидает dev-mode warning + screen
reader users не понимают что за dialog открыт. */}
<SheetTitle className="sr-only">
{t('nav.menu', { defaultValue: 'Меню навигации' })}
</SheetTitle>
<SidebarContent sections={visibleSections} auth={auth} onNavigate={onClose} />
</SheetContent>
</Sheet>