From 9bd3bf32fd0fc91cfe351d24561aa0a2c0af4389 Mon Sep 17 00:00:00 2001
From: Kaan Barmore-Genc <kaan@bgenc.net>
Date: Thu, 9 May 2024 23:08:51 -0500
Subject: [PATCH] Make accessibility fixes

---
 src/lib/Button.svelte                          |  2 +-
 src/routes/posts/[[page=integer]]/+page.svelte | 12 ++++++++----
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/lib/Button.svelte b/src/lib/Button.svelte
index 215e24e..0499532 100644
--- a/src/lib/Button.svelte
+++ b/src/lib/Button.svelte
@@ -21,7 +21,7 @@
 	}
 
 	/* Disabled */
-	button {
+	button[disabled] {
 		opacity: 0.6;
 		cursor: unset;
 	}
diff --git a/src/routes/posts/[[page=integer]]/+page.svelte b/src/routes/posts/[[page=integer]]/+page.svelte
index c07de7b..796336b 100644
--- a/src/routes/posts/[[page=integer]]/+page.svelte
+++ b/src/routes/posts/[[page=integer]]/+page.svelte
@@ -46,14 +46,18 @@
 </ul>
 
 <div class="pagination-controls">
-	<Button disabled={data.page < 3} href={'/posts/'}><ArrowLineLeft /></Button>
+	<Button disabled={data.page < 3} href={'/posts/'}
+		><ArrowLineLeft aria-label="first page" /></Button
+	>
 	<Button disabled={data.page === 1} href={data.page === 2 ? '/posts/' : `/posts/${data.page - 1}`}
-		><ArrowLeft /></Button
+		><ArrowLeft aria-label="previous page" /></Button
 	>
 	<span class="current-page">{data.page}</span>
-	<Button disabled={!data.hasMore} href="/posts/{data.page + 1}"><ArrowRight /></Button>
+	<Button disabled={!data.hasMore} href="/posts/{data.page + 1}"
+		><ArrowRight aria-label="next page" /></Button
+	>
 	<Button disabled={data.page > data.pageCount - 2} href="/posts/{data.pageCount}"
-		><ArrowLineRight /></Button
+		><ArrowLineRight aria-label="last page" /></Button
 	>
 </div>