From 45ad35288a81e4279db60b4b7d6c9e2d70a2e18d Mon Sep 17 00:00:00 2001 From: Neto Hog Date: Fri, 25 Oct 2024 16:10:56 -0300 Subject: [PATCH] ix(dialog): ensure accessibility by adding hidden DialogTitle Added a hidden DialogTitle to the DialogContent component to improve accessibility for screen reader users, following Radix UI guidelines. The title is wrapped in a VisuallyHidden component to meet the requirement without affecting the visible UI. This ensures compliance with accessibility best practices for dialogs. For more details, refer to Radix UI's documentation: https://radix-ui.com/primitives/docs/components/dialog. --- apps/www/registry/default/ui/sidebar.tsx | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/apps/www/registry/default/ui/sidebar.tsx b/apps/www/registry/default/ui/sidebar.tsx index 8fdbb35c22..093f23529c 100644 --- a/apps/www/registry/default/ui/sidebar.tsx +++ b/apps/www/registry/default/ui/sidebar.tsx @@ -10,7 +10,7 @@ import { cn } from "@/registry/default/lib/utils" import { Button } from "@/registry/default/ui/button" import { Input } from "@/registry/default/ui/input" import { Separator } from "@/registry/default/ui/separator" -import { Sheet, SheetContent } from "@/registry/default/ui/sheet" +import { Sheet, SheetContent, SheetTitle } from "@/registry/default/ui/sheet" import { Skeleton } from "@/registry/default/ui/skeleton" import { Tooltip, @@ -207,6 +207,7 @@ const Sidebar = React.forwardRef< } side={side} > + sidebar
{children}