a11y pass

components/core/I18nWidget/I18nWidget.tsx

@@ -8,7 +8,7 @@ const I18nWidget: FC = () => {
   return (
     <nav className={s.root}>
       <Menu>
-        <Menu.Button className={s.button}>
+        <Menu.Button className={s.button} aria-label="Language selector">
           <img className="" src="/flag-us.png" alt="US Flag" />
           <span>English</span>
           <span className="">

components/core/Searchbar/Searchbar.tsx

@@ -16,12 +16,14 @@ const Searchbar: FC<Props> = ({ className }) => {
 
   return (
     <label
+      htmlFor="search"
       className={cn(
         'relative text-sm bg-accents-1 text-base w-full transition-colors duration-150',
         className
       )}
     >
       <input
+        id="search"
         className={s.input}
         placeholder="Search for products..."
         defaultValue={router.query.q}

components/core/UserNav/UserNav.tsx

@@ -42,7 +42,7 @@ const UserNav: FC<Props> = ({ className, children, ...props }) => {
             <Menu>
               {({ open }) => (
                 <>
-                  <Menu.Button className={s.avatarButton}>
+                  <Menu.Button className={s.avatarButton} aria-label="Menu">
                     <Avatar />
                   </Menu.Button>
                   <DropdownMenu open={open} />