feat: localize sort button aria text

Author: deleonio

packages/components/AGENTS.md

@@ -35,3 +35,9 @@ Use the `condition && <Element />` pattern to render JSX elements only when a co
 ```
 
 Avoid using `hidden={condition}` unless the element should always be present in the DOM but visually hidden.
+
+### Language texts
+
+All UI texts must be stored in `src/locales/en.ts` and `src/locales/de.ts`.
+New translations get the prefix `kol-` and are referenced in the code using the
+`translate()` helper, e.g. `translate('kol-example')`.

packages/components/src/components/table-stateless/component.tsx

@@ -634,23 +634,20 @@ export class KolTableStateless implements TableStatelessAPI {
 	private renderHeadingCell(cell: KoliBriTableHeaderCell, rowIndex: number, colIndex: number, isVertical: boolean): JSX.Element {
 		let ariaSort: AriaSort = 'none';
 		let sortButtonIcon = 'codicon codicon-fold';
-		let ariaDescription = 'aufsteigend sortieren';
+		const ariaDescription = translate('kol-sort');
 
 		if (cell.sortDirection) {
 			switch (cell.sortDirection) {
 				case 'ASC':
 					sortButtonIcon = 'codicon codicon-chevron-up';
 					ariaSort = 'ascending';
-					ariaDescription = 'aufsteigend sortiert';
 					break;
 				case 'DESC':
 					sortButtonIcon = 'codicon codicon-chevron-down';
 					ariaSort = 'descending';
-					ariaDescription = 'absteigend sortiert';
 					break;
 				default:
 					ariaSort = 'none';
-					ariaDescription = 'aufsteigend sortieren';
 			}
 		}
 

packages/components/src/components/table-stateless/readme.md

@@ -72,12 +72,8 @@ const selection: KoliBriTableSelection = {
 />
 ```
 
-Der Sortierschalter verwendet nun das Attribut `_aria-description` und setzt je nach
-`aria-sort` die folgenden Texte:
-
-- `none` → "aufsteigend sortieren"
-- `ascending` → "aufsteigend sortiert"
-- `descending` → "absteigend sortiert"
+Der Sortierschalter verwendet das Attribut `_aria-description` und zeigt immer den
+Sprachtext `kol-sort` an, unabhängig vom aktuellen Sortierzustand.
 
 <!-- Auto Generated Below -->
 

packages/components/src/locales/de.ts

@@ -48,6 +48,7 @@ export default {
 	'hide-password': 'ausblenden',
 	'no-results-message': 'Keine Ergebnisse gefunden.',
 	'delete-selection': 'Auswahl entfernen',
+	sort: 'sortieren',
 	'pagination-position-top': 'oben',
 	'pagination-position-bottom': 'unten',
 };

packages/components/src/locales/en.ts

@@ -48,6 +48,7 @@ export default {
 	'hide-password': 'Hide',
 	'no-results-message': 'No results found.',
 	'delete-selection': 'Delete selection',
+	sort: 'Sort',
 	'pagination-position-top': 'top',
 	'pagination-position-bottom': 'bottom',
 };