diff --git a/lib/content-services/src/lib/breadcrumb/breadcrumb.component.html b/lib/content-services/src/lib/breadcrumb/breadcrumb.component.html
index ee09d8ab9e..29c511a8d8 100644
--- a/lib/content-services/src/lib/breadcrumb/breadcrumb.component.html
+++ b/lib/content-services/src/lib/breadcrumb/breadcrumb.component.html
@@ -10,6 +10,7 @@
         tabindex="0"
         class="adf-breadcrumb-dropdown-trigger"
         (click)="open()"
+        [attr.aria-label]="'BREADCRUMB.ARIA-LABEL.DROPDOWN' | translate"
     >
         <div class="adf-breadcrumb-dropdown-trigger-icon">
             <mat-icon [class.adf-isRoot]="!hasPreviousNodes()">folder</mat-icon>
@@ -25,13 +26,13 @@
         #dropdown
         *ngIf="hasPreviousNodes()"
         class="adf-breadcrumb-dropdown-path"
-        tabindex="0"
+        tabindex="-1"
     >
         <mat-option
             *ngFor="let node of previousNodes"
             (click)="onRoutePathClick(node, $event)"
+            (onSelectionChange)="onRoutePathClick(node, $event)"
             class="adf-breadcrumb-path-option"
-            tabindex="0"
         >
             {{ node.name | translate }}
         </mat-option>
@@ -54,7 +55,7 @@
         </a>
 
         <div *ngSwitchCase="true" class="adf-breadcrumb-item-current"
-            [attr.aria-current]="'BREADCRUMB.ARIA-LABEL.CURRENT_PAGE' | translate">
+            aria-current="location">
             {{ item.name | translate }}
         </div>
 
diff --git a/lib/content-services/src/lib/breadcrumb/breadcrumb.component.scss b/lib/content-services/src/lib/breadcrumb/breadcrumb.component.scss
index a0b0a229f4..e7b4d78478 100644
--- a/lib/content-services/src/lib/breadcrumb/breadcrumb.component.scss
+++ b/lib/content-services/src/lib/breadcrumb/breadcrumb.component.scss
@@ -147,11 +147,5 @@
                 white-space: nowrap;
             }
         }
-
-        &-path-option {
-            &.mat-option {
-                background-color: mat-color($background, card);
-            }
-        }
     }
 }
diff --git a/lib/content-services/src/lib/breadcrumb/breadcrumb.component.spec.ts b/lib/content-services/src/lib/breadcrumb/breadcrumb.component.spec.ts
index 42c6096cca..bd490d9b5e 100644
--- a/lib/content-services/src/lib/breadcrumb/breadcrumb.component.spec.ts
+++ b/lib/content-services/src/lib/breadcrumb/breadcrumb.component.spec.ts
@@ -51,6 +51,7 @@ describe('Breadcrumb', () => {
 
     it('should prevent default click behavior', () => {
         const event = jasmine.createSpyObj('event', ['preventDefault']);
+        event.type = 'click';
         component.onRoutePathClick(null, event);
         expect(event.preventDefault).toHaveBeenCalled();
     });
diff --git a/lib/content-services/src/lib/breadcrumb/breadcrumb.component.ts b/lib/content-services/src/lib/breadcrumb/breadcrumb.component.ts
index e7f7134934..86a1535650 100644
--- a/lib/content-services/src/lib/breadcrumb/breadcrumb.component.ts
+++ b/lib/content-services/src/lib/breadcrumb/breadcrumb.component.ts
@@ -131,6 +131,7 @@ export class BreadcrumbComponent implements OnInit, OnChanges, OnDestroy {
     open(): void {
         if (this.dropdown) {
             this.dropdown.open();
+            this.dropdown.focus();
         }
     }
 
@@ -178,7 +179,7 @@ export class BreadcrumbComponent implements OnInit, OnChanges, OnDestroy {
     }
 
     onRoutePathClick(route: PathElementEntity, event?: Event): void {
-        if (event) {
+        if (event && event.type === 'click') {
             event.preventDefault();
         }
 
diff --git a/lib/content-services/src/lib/breadcrumb/dropdown-breadcrumb.component.html b/lib/content-services/src/lib/breadcrumb/dropdown-breadcrumb.component.html
index a4da0cee57..34fd9187eb 100644
--- a/lib/content-services/src/lib/breadcrumb/dropdown-breadcrumb.component.html
+++ b/lib/content-services/src/lib/breadcrumb/dropdown-breadcrumb.component.html
@@ -1,9 +1,12 @@
-<ng-container *ngIf="route.length > 0" class="adf-dropdown-breadcrumb-container">
+<nav *ngIf="route.length > 0" class="adf-dropdown-breadcrumb-container"
+     role="navigation"
+     [attr.aria-label]="'BREADCRUMB.ARIA-LABEL.BREADCRUMB' | translate">
 
     <button
-        tabindex="0"
+        [tabindex]="hasPreviousNodes() ? 0 : -1"
         class="adf-dropdown-breadcrumb-trigger"
         (click)="open()"
+        [attr.aria-label]="'BREADCRUMB.ARIA-LABEL.DROPDOWN' | translate"
         data-automation-id="dropdown-breadcrumb-trigger">
         <mat-icon [class.adf-isRoot]="!hasPreviousNodes()">folder</mat-icon>
     </button>
@@ -14,14 +17,14 @@
         <mat-select
             #dropdown
             *ngIf="hasPreviousNodes()"
-            tabindex="0"
+            tabindex="-1"
             data-automation-id="dropdown-breadcrumb-path">
 
             <mat-option
                 *ngFor="let node of previousNodes;"
                 (click)="onRoutePathClick(node, $event)"
+                (onSelectionChange)="onRoutePathClick(node, $event)"
                 class="adf-dropdown-breadcrumb-path-option"
-                tabindex="0"
                 data-automation-class="dropdown-breadcrumb-path-option">
                 {{ node.name | translate }}
             </mat-option>
@@ -31,6 +34,7 @@
     <span
         class="adf-current-folder"
         [class.adf-isRoot]="!hasPreviousNodes()"
-        data-automation-id="current-folder">{{ currentNode.name }}
+        data-automation-id="current-folder"
+        aria-current="location">{{ currentNode.name }}
     </span>
-</ng-container>
+</nav>
diff --git a/lib/content-services/src/lib/breadcrumb/dropdown-breadcrumb.component.scss b/lib/content-services/src/lib/breadcrumb/dropdown-breadcrumb.component.scss
index 55364f638c..5c8a2d3005 100644
--- a/lib/content-services/src/lib/breadcrumb/dropdown-breadcrumb.component.scss
+++ b/lib/content-services/src/lib/breadcrumb/dropdown-breadcrumb.component.scss
@@ -37,6 +37,7 @@
             width: 25px;
 
             &:focus {
+                color: mat-color($primary);
                 outline: none;
             }
         }
diff --git a/lib/content-services/src/lib/breadcrumb/dropdown-breadcrumb.component.ts b/lib/content-services/src/lib/breadcrumb/dropdown-breadcrumb.component.ts
index aab5f4dec0..16090601c3 100644
--- a/lib/content-services/src/lib/breadcrumb/dropdown-breadcrumb.component.ts
+++ b/lib/content-services/src/lib/breadcrumb/dropdown-breadcrumb.component.ts
@@ -54,6 +54,7 @@ export class DropdownBreadcrumbComponent extends BreadcrumbComponent implements
     open(): void {
         if (this.dropdown) {
             this.dropdown.open();
+            this.dropdown.focus();
         }
     }
 
diff --git a/lib/content-services/src/lib/content-node-selector/content-node-selector-panel.component.scss b/lib/content-services/src/lib/content-node-selector/content-node-selector-panel.component.scss
index 0db713f0c6..f578573795 100644
--- a/lib/content-services/src/lib/content-node-selector/content-node-selector-panel.component.scss
+++ b/lib/content-services/src/lib/content-node-selector/content-node-selector-panel.component.scss
@@ -74,6 +74,10 @@
                             color: mat-color($foreground, base, 0.65);
                         }
                     }
+
+                    &:focus .mat-icon {
+                        color: mat-color($primary);
+                    }
                 }
 
                 .adf-dropdown-breadcrumb-item-chevron {
diff --git a/lib/content-services/src/lib/i18n/en.json b/lib/content-services/src/lib/i18n/en.json
index 0152d3f7a7..b01bb576a9 100644
--- a/lib/content-services/src/lib/i18n/en.json
+++ b/lib/content-services/src/lib/i18n/en.json
@@ -387,7 +387,7 @@
   "BREADCRUMB": {
     "ARIA-LABEL": {
       "BREADCRUMB": "Breadcrumb",
-      "CURRENT_PAGE": "Page"
+      "DROPDOWN": "Dropdown"
     }
   },
   "NAME_COLUMN_LINK": {