From a1bb1b0f5fd65b9761a3f368b0b3e5ecee3f37d3 Mon Sep 17 00:00:00 2001
From: NiclasNorin <niclasn@outlook.com>
Date: Fri, 3 May 2024 09:52:26 +0200
Subject: [PATCH 1/3] fix: adding translation labels for pagination

---
 src/components/Pagination/Pagination.js | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/Pagination/Pagination.js b/src/components/Pagination/Pagination.js
index e23f6b1..ff829f4 100644
--- a/src/components/Pagination/Pagination.js
+++ b/src/components/Pagination/Pagination.js
@@ -47,7 +47,9 @@ class Pagination extends Component {
             total,
             next,
             prev,
-            goToPage
+            goToPage,
+            langNext,
+            langPrev
         } = this.props;
 
         const pageList = this.pageList();
@@ -63,7 +65,8 @@ class Pagination extends Component {
                             className="c-pagination__link"
                             size="small"
                         >
-                            <i className="c-icon c-icon--size-sm material-icons" translate="no" role="img" alt="">
+                            <span className="u-sr__only">{langPrev ?? "Previous page"}</span>
+                            <i className="c-icon c-icon--size-sm material-icons" translate="no" aria-hidden="true">
                                 chevron_left
                             </i>
                         </Button>
@@ -137,7 +140,8 @@ class Pagination extends Component {
                             className="c-pagination__link"
                             size="small"
                         >
-                            <i className="c-icon c-icon--size-sm material-icons" translate="no" role="img" alt="">
+                            <span className="u-sr__only">{langNext ?? "Next page"}</span>
+                            <i className="c-icon c-icon--size-sm material-icons" translate="no" aria-hidden="true">
                                 chevron_right
                             </i>
                         </Button>

From fcd346f2237287f7d5808b74b70d3dfe688c0193 Mon Sep 17 00:00:00 2001
From: NiclasNorin <niclasn@outlook.com>
Date: Fri, 3 May 2024 10:02:12 +0200
Subject: [PATCH 2/3] fix: using aria labels

---
 src/components/Pagination/Pagination.js | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/components/Pagination/Pagination.js b/src/components/Pagination/Pagination.js
index ff829f4..a88c997 100644
--- a/src/components/Pagination/Pagination.js
+++ b/src/components/Pagination/Pagination.js
@@ -65,8 +65,7 @@ class Pagination extends Component {
                             className="c-pagination__link"
                             size="small"
                         >
-                            <span className="u-sr__only">{langPrev ?? "Previous page"}</span>
-                            <i className="c-icon c-icon--size-sm material-icons" translate="no" aria-hidden="true">
+                            <i className="c-icon c-icon--size-sm material-icons" translate="no" aria-label={langPrev ?? "Previous page"}>
                                 chevron_left
                             </i>
                         </Button>
@@ -140,8 +139,7 @@ class Pagination extends Component {
                             className="c-pagination__link"
                             size="small"
                         >
-                            <span className="u-sr__only">{langNext ?? "Next page"}</span>
-                            <i className="c-icon c-icon--size-sm material-icons" translate="no" aria-hidden="true">
+                            <i className="c-icon c-icon--size-sm material-icons" translate="no" aria-label={langNext ?? "Next page"}>
                                 chevron_right
                             </i>
                         </Button>

From cf627e18af9da63909ef9299762f98a2b5187cbf Mon Sep 17 00:00:00 2001
From: Niclas Norin <103985736+NiclasNorin@users.noreply.github.com>
Date: Fri, 3 May 2024 10:32:27 +0200
Subject: [PATCH 3/3] Update Pagination.js

---
 src/components/Pagination/Pagination.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/Pagination/Pagination.js b/src/components/Pagination/Pagination.js
index a88c997..ff829f4 100644
--- a/src/components/Pagination/Pagination.js
+++ b/src/components/Pagination/Pagination.js
@@ -65,7 +65,8 @@ class Pagination extends Component {
                             className="c-pagination__link"
                             size="small"
                         >
-                            <i className="c-icon c-icon--size-sm material-icons" translate="no" aria-label={langPrev ?? "Previous page"}>
+                            <span className="u-sr__only">{langPrev ?? "Previous page"}</span>
+                            <i className="c-icon c-icon--size-sm material-icons" translate="no" aria-hidden="true">
                                 chevron_left
                             </i>
                         </Button>
@@ -139,7 +140,8 @@ class Pagination extends Component {
                             className="c-pagination__link"
                             size="small"
                         >
-                            <i className="c-icon c-icon--size-sm material-icons" translate="no" aria-label={langNext ?? "Next page"}>
+                            <span className="u-sr__only">{langNext ?? "Next page"}</span>
+                            <i className="c-icon c-icon--size-sm material-icons" translate="no" aria-hidden="true">
                                 chevron_right
                             </i>
                         </Button>