feat(accessibility): aria properties added to resolve accessibility a…

…djustments pointed out by lighthouse
vtex-apps · Oct 9, 2023 · 1b05d5d · 1b05d5d
1 parent b0d3e04
commit 1b05d5d
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/react/Minicart.tsx b/react/Minicart.tsx
@@ -113,6 +113,7 @@ export const Minicart: FC<MinicartProps> = ({
         >
           {variation === 'drawer' ? (
             <DrawerMode
+              aria-label="Minicart"
               Icon={MinicartIcon}
               backdropMode={backdropMode}
               itemCountMode={itemCountMode}

diff --git a/react/components/MinicartIconButton.tsx b/react/components/MinicartIconButton.tsx
@@ -98,6 +98,8 @@ const MinicartIconButton: React.FC<Props> = props => {
 
   return (
     <ButtonWithIcon
+      id="miniCartButton"
+      ariaLabel="Open Minicart"
       icon={
         <span className={`${handles.minicartIconContainer} gray relative`}>
           <Icon />