feat: improved lighthouse reports

web/templates/components/generic/navbar.html

@@ -9,7 +9,7 @@
       <div class="flex items-center space-x-8">
         <div class="shrink-0">
           <a class="flex flex-row items-center" href="{% url 'web:index' %}">
-            <img class="w-8 h-8 mr-2" src="{{ logo }}" alt="{{ web_title }}">
+            <img class="w-8 h-8 mr-2" src="{{ logo }}" alt="{{ web_title }} logo">
             <h1 class="text-xl font-semibold text-gray-900 dark:text-white">{{ web_title }}</h1>
           </a>
         </div>
@@ -47,6 +47,7 @@
             hx-on:click="htmx.toggleClass(htmx.find('#userDropdown1'), 'hidden'); htmx.addClass(htmx.find('#myCartDropdown1'), 'hidden')"
             id="userDropdownButton1"
             data-dropdown-toggle="userDropdown1" type="button"
+            aria-label="show menu"
             class="inline-flex items-center rounded-lg justify-center p-2 hover:bg-gray-100 dark:hover:bg-gray-700 text-sm font-medium leading-none text-gray-900 dark:text-white">
             {% include 'components/icons/user.svg' %}
             <span class="hidden sm:flex">
@@ -71,6 +72,7 @@
         <button hx-on:click="htmx.toggleClass(htmx.find('#ecommerce-navbar-menu-1'), 'hidden')" type="button"
                 data-collapse-toggle="ecommerce-navbar-menu-1" aria-controls="ecommerce-navbar-menu-1"
                 aria-expanded="false"
+                aria-label="show menu"
                 class="inline-flex lg:hidden items-center justify-center hover:bg-gray-100 rounded-md dark:hover:bg-gray-700 p-2 text-gray-900 dark:text-white">
           <span class="sr-only">
             {% translate 'Abrir menú' %}