From 9ba518f05e0f2ff9365e7b27010fcf3d3798498e Mon Sep 17 00:00:00 2001
From: anicyne <135605630+anicyne@users.noreply.github.com>
Date: Mon, 22 Jan 2024 14:40:12 +0000
Subject: [PATCH] Improve pagination labels

---
 .../src/components/pagination/component.tsx        | 14 +++++++++++---
 packages/components/src/locales/de.ts              |  1 +
 packages/components/src/locales/en.ts              |  1 +
 3 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/packages/components/src/components/pagination/component.tsx b/packages/components/src/components/pagination/component.tsx
index 444b5ead06..a62364c72d 100644
--- a/packages/components/src/components/pagination/component.tsx
+++ b/packages/components/src/components/pagination/component.tsx
@@ -298,13 +298,17 @@ export class KolPagination implements PaginationAPI {
 					exportparts="icon"
 					key={`${this.nonce}-${page}`}
 					_customClass={this.state._customClass}
-					_label={`${page}`}
+					_label=""
 					_on={{
 						onClick: (event: Event) => {
 							this.onClick(event, page);
 						},
 					}}
-				></kol-button-wc>
+				>
+					<span slot="expert">
+						<span class="visually-hidden">{translate('kol-page')}</span> {page}
+					</span>
+				</kol-button-wc>
 			</li>
 		);
 	}
@@ -312,7 +316,11 @@ export class KolPagination implements PaginationAPI {
 	private getSelectedPageButton(page: number): JSX.Element {
 		return (
 			<li>
-				<kol-button-wc class="selected" key={`${this.nonce}-selected`} _customClass={this.state._customClass} _disabled={true} _label={`${page}`} />
+				<kol-button-wc class="selected" key={`${this.nonce}-selected`} _customClass={this.state._customClass} _disabled={true} _label="">
+					<span slot="expert">
+						<span class="visually-hidden">{translate('kol-page')}</span> {page}
+					</span>
+				</kol-button-wc>
 			</li>
 		);
 	}
diff --git a/packages/components/src/locales/de.ts b/packages/components/src/locales/de.ts
index 1aa7067a7b..c1513cde4c 100644
--- a/packages/components/src/locales/de.ts
+++ b/packages/components/src/locales/de.ts
@@ -19,6 +19,7 @@ export default {
 	'page-next': 'Eine Seite weiter',
 	'page-last': 'Direkt zur letzten Seite',
 	'entries-per-site': 'Einträge pro Seite',
+	page: 'Seite',
 	'page-current': 'Seite {{page}}',
 	'page-selected': 'Seite {{page}} ist ausgewählt',
 	'page-per-site': '{{entries}} Einträge pro Seite',
diff --git a/packages/components/src/locales/en.ts b/packages/components/src/locales/en.ts
index 0445b00509..68f8208d29 100644
--- a/packages/components/src/locales/en.ts
+++ b/packages/components/src/locales/en.ts
@@ -19,6 +19,7 @@ export default {
 	'page-next': 'One page further',
 	'page-last': 'Directly to the last page',
 	'entries-per-site': 'Entries per page',
+	page: 'Page',
 	'page-current': 'Page {{page}}',
 	'page-selected': 'Page {{page}} is selected',
 	'page-per-site': '{{entries}} entries per page',