diff --git a/lib/content-services/src/lib/breadcrumb/breadcrumb.component.html b/lib/content-services/src/lib/breadcrumb/breadcrumb.component.html
index f3c44b5e38..c8bd795623 100644
--- a/lib/content-services/src/lib/breadcrumb/breadcrumb.component.html
+++ b/lib/content-services/src/lib/breadcrumb/breadcrumb.component.html
@@ -36,28 +36,36 @@
         </mat-option>
     </mat-select>
 
-    <div
-        *ngFor="let item of lastNodes; let last = last"
-        [class.adf-active]="last"
-        [ngSwitch]="breadcrumbItemIsAnchor(last)"
-        title="{{ item.name | translate }}"
-        class="adf-breadcrumb-item">
-        <a
-            *ngSwitchCase="true"
-            href="#"
-            [attr.data-automation-id]="'breadcrumb_' + item.name"
-            class="adf-breadcrumb-item-anchor"
-            (click)="onRoutePathClick(item, $event)"
+    <ol class="adf-breadcrumb" role="list">
+        <li
+            *ngFor="let item of lastNodes; let last = last"
+            role="listitem"
+            [class.adf-active]="last"
+            [ngSwitch]="breadcrumbItemIsAnchor(last)"
+            title="{{ item.name | translate }}"
+            class="adf-breadcrumb-item"
         >
-            {{ item.name | translate }}
-        </a>
+            <a
+                *ngSwitchCase="true"
+                href="#"
+                [attr.data-automation-id]="'breadcrumb_' + item.name"
+                class="adf-breadcrumb-item-anchor"
+                (click)="onRoutePathClick(item, $event)"
+            >
+                {{ item.name | translate }}
+            </a>
 
-        <div *ngSwitchDefault class="adf-breadcrumb-item-current" aria-current="location">
-            {{ (selectedRowItemsCount < 1 ? item.name : 'BREADCRUMB.HEADER.SELECTED') | translate: { count: selectedRowItemsCount } }}
-        </div>
+            <div
+                *ngSwitchDefault
+                class="adf-breadcrumb-item-current"
+                aria-current="page"
+            >
+                {{ (selectedRowItemsCount < 1 ? item.name : 'BREADCRUMB.HEADER.SELECTED') | translate: { count: selectedRowItemsCount } }}
+            </div>
 
-        <mat-icon class="adf-breadcrumb-item-chevron" *ngIf="!last" adf-icon="chevron_right" />
-    </div>
+            <mat-icon class="adf-breadcrumb-item-chevron" *ngIf="!last" adf-icon="chevron_right" />
+        </li>
+    </ol>
 </nav>
 
 <nav
@@ -66,9 +74,11 @@
     role="navigation"
     [attr.aria-label]="'BREADCRUMB.ARIA-LABEL.BREADCRUMB' | translate"
 >
-    <div class="adf-breadcrumb-item adf-active" role="group">
-        <div class="adf-breadcrumb-item-current">
-            {{ root | translate }}
-        </div>
-    </div>
+    <ol class="adf-breadcrumb" role="list">
+        <li class="adf-breadcrumb-item adf-active" role="listitem">
+            <div class="adf-breadcrumb-item-current" aria-current="page">
+                {{ root | translate }}
+            </div>
+        </li>
+    </ol>
 </nav>