diff --git a/.changeset/odd-zebras-unite.md b/.changeset/odd-zebras-unite.md new file mode 100644 index 000000000..f8ea2b0c6 --- /dev/null +++ b/.changeset/odd-zebras-unite.md @@ -0,0 +1,5 @@ +--- +"@bigcommerce/catalyst-core": patch +--- + +Add missing accessibility components to Sheet/Mobile Nav. diff --git a/core/components/ui/header/mobile-nav.tsx b/core/components/ui/header/mobile-nav.tsx index 7f7752334..8453c1284 100644 --- a/core/components/ui/header/mobile-nav.tsx +++ b/core/components/ui/header/mobile-nav.tsx @@ -37,7 +37,13 @@ export const MobileNav = ({ items, logo }: Props) => { - + + +

Navigation menu

+
{logo}
diff --git a/core/components/ui/sheet/sheet.tsx b/core/components/ui/sheet/sheet.tsx index 1d004f5c5..25baf6556 100644 --- a/core/components/ui/sheet/sheet.tsx +++ b/core/components/ui/sheet/sheet.tsx @@ -15,6 +15,7 @@ const Sheet = ({ title, children, side = 'left', trigger, ...props }: Props) => {Boolean(trigger) && {trigger}} )} >
- -

{title}

+ +

{title}