a11y

src/components/NavigationBar.tsx

@@ -101,9 +101,14 @@ export default function NavigationBar({ currentPath }: NavigationBarProps) {
             
             return (
               <li key={item.id} class="mx-0.5 sm:mx-1">
-                <a href={item.path} class={isActive ? "menu-active" : ""}>
-                  <div class="tooltip" data-tip={item.tooltip}>
+                <a 
+                  href={item.path} 
+                  class={`min-h-[44px] min-w-[44px] inline-flex items-center justify-center ${isActive ? "menu-active" : ""}`}
+                  aria-label={item.tooltip}
+                >
+                  <div class="tooltip md:before:-translate-x-1/2 md:before:-translate-y-full md:before:top-auto md:before:bottom-full md:after:-translate-x-1/2 md:after:-translate-y-full md:after:top-auto md:after:bottom-full" data-tip={item.tooltip}>
                     <Icon size={18} class="sm:w-5 sm:h-5" />
+                    <span class="sr-only">{item.name}</span>
                   </div>
                 </a>
               </li>