From cef23e69f4d2e978297f037b3e7662b00bf3876f Mon Sep 17 00:00:00 2001
From: MichalKinas <113341662+MichalKinas@users.noreply.github.com>
Date: Wed, 21 Sep 2022 10:49:16 +0200
Subject: [PATCH] [ACS-3537] - Fix accessibility issues in personal files
 (#2652)

* [ACS-3537] - Fix accessibility issues in personal files

* [ACS-3537] - Missing semicolon
---
 app/src/app/app.component.spec.ts                           | 6 +++++-
 app/src/app/app.component.ts                                | 6 +++++-
 .../sidenav/components/expand-menu.component.html           | 2 +-
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/app/src/app/app.component.spec.ts b/app/src/app/app.component.spec.ts
index 84a945292..ed10f3336 100644
--- a/app/src/app/app.component.spec.ts
+++ b/app/src/app/app.component.spec.ts
@@ -37,6 +37,10 @@ describe('AppComponent', () => {
     dispatch: jasmine.createSpy('dispatch')
   };
 
+  const overlayContainerMock: any = {
+    getContainerElement: jasmine.createSpy('getContainerElement')
+  };
+
   const configMock: any = {
     get: (key: string) => {
       if (key === 'baseShareUrl') {
@@ -53,7 +57,7 @@ describe('AppComponent', () => {
 
     router = TestBed.inject(Router);
 
-    component = new AppComponent(null, router, null, storeMock, configMock, null, null, null, null, null, null, null, null);
+    component = new AppComponent(null, router, null, storeMock, configMock, null, null, null, null, null, null, null, null, overlayContainerMock);
 
     storeMock.dispatch = jasmine.createSpy('dispatch');
   });
diff --git a/app/src/app/app.component.ts b/app/src/app/app.component.ts
index 62bb7f04e..b2a58ecc9 100644
--- a/app/src/app/app.component.ts
+++ b/app/src/app/app.component.ts
@@ -53,6 +53,7 @@ import { RouterExtensionService, AppService, ContentApiService } from '@alfresco
 import { DiscoveryEntry, GroupEntry, Group } from '@alfresco/js-api';
 import { Subject } from 'rxjs';
 import { INITIAL_APP_STATE } from './store/initial-state';
+import { OverlayContainer } from '@angular/cdk/overlay';
 
 @Component({
   selector: 'app-root',
@@ -76,7 +77,8 @@ export class AppComponent implements OnInit, OnDestroy {
     private contentApi: ContentApiService,
     private appService: AppService,
     private sharedLinksApiService: SharedLinksApiService,
-    private groupService: GroupService
+    private groupService: GroupService,
+    private overlayContainer: OverlayContainer
   ) {}
 
   ngOnInit() {
@@ -129,6 +131,8 @@ export class AppComponent implements OnInit, OnDestroy {
         this.loadUserProfile();
       }
     });
+
+    this.overlayContainer.getContainerElement().setAttribute('role', 'region');
   }
 
   ngOnDestroy() {
diff --git a/app/src/app/components/sidenav/components/expand-menu.component.html b/app/src/app/components/sidenav/components/expand-menu.component.html
index b06475dd9..ed51d164f 100644
--- a/app/src/app/components/sidenav/components/expand-menu.component.html
+++ b/app/src/app/components/sidenav/components/expand-menu.component.html
@@ -23,7 +23,7 @@
     #acaExpansionPanel="acaExpansionPanel"
     [@.disabled]="true"
   >
-    <mat-expansion-panel-header expandedHeight="48px" collapsedHeight="48px">
+    <mat-expansion-panel-header expandedHeight="48px" collapsedHeight="48px" role="group">
       <mat-panel-title>
         <div class="item">
           <button