fix: add aria-hidden to pagination button, so it can't be clicked by …

…screen reader
satellytes · Jan 22, 2024 · e1e5702 · e1e5702
1 parent c3055a8
commit e1e5702
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/src/components/ui/pagination/pagination.tsx b/src/components/ui/pagination/pagination.tsx
@@ -83,6 +83,7 @@ export const Pagination = ({
     <PaginationContainer className={className}>
       <StyledLink
         onClick={onPreviousClick}
+        aria-hidden={currentPage === 1}
         $disabled={currentPage === 1}
         aria-label="Previous Page"
         tabIndex={currentPage === 1 ? -1 : 0}
@@ -103,6 +104,7 @@ export const Pagination = ({
       <StyledLink
         onClick={onNextClick}
         $disabled={currentPage === amountOfPages}
+        aria-hidden={currentPage === amountOfPages}
         aria-label="Next Page"
         tabIndex={currentPage === amountOfPages ? -1 : 0}
       >