Merge pull request #10 from helsingborg-stad/fix/better-label-for-pag…

…e-navigation fix: better label for pagination page navigation
helsingborg-stad · May 3, 2024 · c2888cb · c2888cb
2 parents d5b6682 + 4265f69
commit c2888cb
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/components/Pagination/Pagination.js b/src/components/Pagination/Pagination.js
@@ -10,7 +10,8 @@ class Pagination extends Component {
         prev: PropTypes.func.isRequired,
         goToPage: PropTypes.func.isRequired,
         langPrev: PropTypes.string,
-        langNext: PropTypes.string
+        langNext: PropTypes.string,
+        langGoToPage: PropTypes.string
     };
 
     pageList() {
@@ -49,7 +50,8 @@ class Pagination extends Component {
             prev,
             goToPage,
             langNext,
-            langPrev
+            langPrev,
+            langGoToPage
         } = this.props;
 
         const pageList = this.pageList();
@@ -104,7 +106,7 @@ class Pagination extends Component {
                                         className="c-pagination__link"
                                         size="small"
                                     >
-                                        {page}
+                                        <span className="u-sr__only">{langGoToPage ?? "Go to page: "} </span>{page}
                                     </Button>
                                 </li>
                             ))}