fix: added aria-label attribute for scroll button and bookmark (#775)

codu-code · Feb 27, 2024 · da97928 · da97928
1 parent 768d769
commit da97928
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/components/ArticlePreview/ArticlePreview.tsx b/components/ArticlePreview/ArticlePreview.tsx
@@ -144,6 +144,9 @@ const ArticlePreview: NextPage<Props> = ({
                   }
                   bookmarkPost(id);
                 }}
+                aria-label={
+                  bookmarked ? "Remove bookmark" : "Bookmark this post"
+                }
               >
                 <BookmarkIcon
                   className={`w-6 h-6${

diff --git a/components/Hero/Hero.tsx b/components/Hero/Hero.tsx
@@ -105,6 +105,7 @@ export default function Hero() {
           </h1>
           <div className="mt-12 flex justify-center">
             <button
+              aria-label="Scroll to call to action"
               className="focus-style-rounded animate-bounce rounded-full border-2 bg-neutral-900 bg-opacity-60 p-4"
               onClick={() => handleScroll("cta")}
             >