Qihan/MyBlog-Next
1
0
Fork 0
mirror of https://github.com/ChenQihan666/MyBlog-Next.git synced 2026-08-14 07:33:07 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(a11y): update previous and next (disabled) buttons for vo a11y

Browse Source
This commit is contained in:
satnaing
2022-11-26 16:13:33 +06:30
parent d294526020
commit 408fc4c7aa
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/layouts/Posts.astro
+4 -2
View File
@@ -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`}>