fix: buttons and links aria-label

Author: agilejson

components/cart/modal.tsx

@@ -18,7 +18,7 @@ export async function CartModal() {
   return (
     <Sheet>
       <SheetTrigger asChild>
-        <button className="relative">
+        <button aria-label="Carrinho" className="relative">
           {cart && cart.totalQuantity > 0 && (
             <div className="absolute -right-2 -top-2 flex h-5 w-5 items-center justify-center rounded-full bg-black text-sm text-white">
               {cart.totalQuantity}

components/header/header.tsx

@@ -45,7 +45,7 @@ export function Header() {
             <div className="tablet:hidden">
               <SearchModal />
             </div>
-            <Link href="/account/orders" className="hover:underline">
+            <Link aria-label="Conta" href="/account/orders" className="hover:underline">
               <CircleUserRound size={24} />
             </Link>
             <CartModal />

components/header/mobile-menu.tsx

@@ -6,7 +6,9 @@ export function MobileMenu() {
   return (
     <Sheet>
       <SheetTrigger asChild>
-        <Menu />
+        <button aria-label="Menu">
+          <Menu />
+        </button>
       </SheetTrigger>
       <SheetContent className="w-full max-w-[400px] border-black bg-white py-4">
         <SheetHeader>

components/search/search-bar.tsx

@@ -67,7 +67,7 @@ export function SearchModal() {
   return (
     <Dialog open={isOpen} onOpenChange={() => setIsOpen(!isOpen)}>
       <DialogTrigger asChild>
-        <button className="outline-none">
+        <button aria-label="Pesquisar produto" className="outline-none">
           <SearchIcon size={24} />
         </button>
       </DialogTrigger>