[ACS-10210] SR: My Tasks: Breadcrumb “Process Management > Tasks > My Tasks” is not marked up correctly

lib/content-services/src/lib/breadcrumb/breadcrumb.component.html

@@ -36,12 +36,15 @@
         </mat-option>
     </mat-select>
 
-    <div
+    <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">
+            class="adf-breadcrumb-item"
+        >
             <a
                 *ngSwitchCase="true"
                 href="#"
@@ -52,12 +55,17 @@
                 {{ item.name | translate }}
             </a>
 
-        <div *ngSwitchDefault class="adf-breadcrumb-item-current" aria-current="location">
+            <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>
+        </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">
+    <ol class="adf-breadcrumb" role="list">
-        <div class="adf-breadcrumb-item-current">
+        <li class="adf-breadcrumb-item adf-active" role="listitem">
+            <div class="adf-breadcrumb-item-current" aria-current="page">
                 {{ root | translate }}
             </div>
-    </div>
+        </li>
+    </ol>
 </nav>