chore: Add Accessibility Improvements to Links (#1989)

rupali-codes · Oct 21, 2023 · 5bd77cc · 5bd77cc · vercel · Oct 21, 2023
1 parent 61e7abf
commit 5bd77cc
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/components/SideNavbar/SideNavbarCategory.tsx b/components/SideNavbar/SideNavbarCategory.tsx
@@ -43,7 +43,7 @@ export const SideNavbarCategory: FC<{
       <Link
         className="flex w-full cursor-pointer justify-between py-2"
         onClick={handleToggle}
-        aria-label="toggle category"
+        aria-label={`toggle ${category.toLowerCase()} category`}
         href={`/${category}`}
       >
         <h1 className="font-bold uppercase w-4/5 truncate">

diff --git a/pages/[category]/index.tsx b/pages/[category]/index.tsx
@@ -39,6 +39,7 @@ const CategoryPage = () => {
                 <Link
                   key={i}
                   href={`/${category}${subcat.url}`}
+                  aria-label={`Explore ${subcat.name}`}
                   className={`border-2 dark:border-theme-primary rounded-md bg-transparent dark:text-theme-primary text-text-secondary px-3 py-1 text-md capitalize hover:border-dashed hover:text-dark-primary shadow-lg`}
                 >
                   {subcat.name}