fix: (CXSPA-9012) fix breadcrumbs current page ariaLabel (#19862)

Closes: https://jira.tools.sap/browse/CXSPA-9012
SAP · Jan 16, 2025 · b15d924 · b15d924
1 parent 30721de
commit b15d924
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/projects/assets/src/translations/en/common.json b/projects/assets/src/translations/en/common.json
@@ -21,6 +21,7 @@
     "search": "Search",
     "add": "Add",
     "breadcrumbs": "breadcrumbs",
+    "breadcrumbsCurrentPage": "Current Page",
     "selectFile": "Select file",
     "clear": "Clear",
     "loaded": "Loaded",

diff --git a/projects/storefrontlib/cms-components/navigation/breadcrumb/breadcrumb.component.html b/projects/storefrontlib/cms-components/navigation/breadcrumb/breadcrumb.component.html
@@ -1,7 +1,17 @@
 <nav [attr.aria-label]="'common.breadcrumbs' | cxTranslate" tabindex="-1">
   <ol [attr.aria-label]="'common.breadcrumbs' | cxTranslate">
-    <li *ngFor="let crumb of crumbs$ | async">
-      <a [routerLink]="crumb.link" [innerHTML]="crumb.label"></a>
+    <li *ngFor="let crumb of crumbs$ | async; let last = last">
+      <a
+        [routerLink]="crumb.link"
+        [innerHTML]="crumb.label"
+        [attr.aria-label]="
+          last
+            ? ('common.breadcrumbsCurrentPage' | cxTranslate) +
+              ' ' +
+              crumb.label
+            : crumb.label
+        "
+      ></a>
     </li>
   </ol>
 </nav>