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);
},
}}
- >
+ >
+
+ {translate('kol-page')} {page}
+
+
);
}
@@ -312,7 +316,11 @@ export class KolPagination implements PaginationAPI {
private getSelectedPageButton(page: number): JSX.Element {
return (
-
+
+
+ {translate('kol-page')} {page}
+
+
);
}
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',