Merge branch 'fix/drawer-a11y-description' into 'main'
fix(a11y): Drawer always renders SheetDescription — silence Radix warning See merge request 2-6/2-6-4/terravault/ordinis!108
This commit is contained in:
@@ -58,7 +58,18 @@ export function Drawer({
|
|||||||
{(title || description) && (
|
{(title || description) && (
|
||||||
<SheetHeader>
|
<SheetHeader>
|
||||||
{title && <SheetTitle>{title}</SheetTitle>}
|
{title && <SheetTitle>{title}</SheetTitle>}
|
||||||
{description && <SheetDescription>{description}</SheetDescription>}
|
{/* Radix Dialog требует accessible description ИЛИ
|
||||||
|
* aria-describedby={undefined}. Рендерим SheetDescription всегда
|
||||||
|
* когда есть header: визуально если передан description, sr-only
|
||||||
|
* fallback иначе — заглушает Radix dev warning + полезно для
|
||||||
|
* screen reader users. */}
|
||||||
|
{description ? (
|
||||||
|
<SheetDescription>{description}</SheetDescription>
|
||||||
|
) : (
|
||||||
|
<SheetDescription className="sr-only">
|
||||||
|
Боковая панель. Нажмите Escape или кнопку закрытия чтобы вернуться.
|
||||||
|
</SheetDescription>
|
||||||
|
)}
|
||||||
</SheetHeader>
|
</SheetHeader>
|
||||||
)}
|
)}
|
||||||
{children}
|
{children}
|
||||||
|
|||||||
Reference in New Issue
Block a user