From 408fc4c7aa5a246fe82a6e85d119b36ee1f1ffc3 Mon Sep 17 00:00:00 2001
From: satnaing <satnaingdev@gmail.com>
Date: Sat, 26 Nov 2022 16:13:33 +0630
Subject: [PATCH] fix(a11y): update previous and next (disabled) buttons for vo
 a11y

---
 src/layouts/Posts.astro | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/layouts/Posts.astro b/src/layouts/Posts.astro
index 576b7bd47..e7875f025 100644
--- a/src/layouts/Posts.astro
+++ b/src/layouts/Posts.astro
@@ -38,9 +38,10 @@ const next = pageNum < totalPages ? "" : "disabled";
 
   <nav class="pagination-wrapper" aria-label="Pagination Navigation">
     <LinkButton
-      tabindex={prev === "disabled" ? "-1" : "0"}
+      disabled={prev === "disabled"}
       href={`/posts${pageNum - 1 !== 1 ? "/" + (pageNum - 1) : ""}`}
       className={`mr-4 select-none ${prev}`}
+      ariaLabel="Previous"
     >
       <svg xmlns="http://www.w3.org/2000/svg" class={`${prev}-svg`}>
         <path
@@ -50,9 +51,10 @@ const next = pageNum < totalPages ? "" : "disabled";
       Prev
     </LinkButton>
     <LinkButton
-      tabindex={next === "disabled" ? "-1" : "0"}
+      disabled={next === "disabled"}
       href={`/posts/${pageNum + 1}`}
       className={`ml-4 select-none ${next}`}
+      ariaLabel="Next"
     >
       Next
       <svg xmlns="http://www.w3.org/2000/svg" class={`${next}-svg`}>