diff --git a/src/app/form/orientation-form-view/orientation-form-view.component.html b/src/app/form/orientation-form-view/orientation-form-view.component.html index 8418ec94a496f6b2411f90ac5c0d93b6e6a3bd52..f62897c72026da926a9d19fb16171798e1091ea1 100644 --- a/src/app/form/orientation-form-view/orientation-form-view.component.html +++ b/src/app/form/orientation-form-view/orientation-form-view.component.html @@ -1,5 +1,5 @@ <div class="orientation" aria-live="polite" cdkTrapFocus [cdkTrapFocusAutoCapture]="true"> - <h1 class="sr-only" id="pageTitle" tabindex="-1">Orientation</h1> + <h1 class="visually-hidden" id="pageTitle" tabindex="-1">Orientation</h1> <div *ngIf="!isLogged" class="notConnected"> <img src="../../assets/form/profileSkip.svg" alt="" /> diff --git a/src/app/form/orientation-form-view/orientation-form-view.component.ts b/src/app/form/orientation-form-view/orientation-form-view.component.ts index a7d3c17e72913291b0911130ba9f8fc358b5e3a2..a612502efd331f6e9f42d89c8c01dba29b645980 100644 --- a/src/app/form/orientation-form-view/orientation-form-view.component.ts +++ b/src/app/form/orientation-form-view/orientation-form-view.component.ts @@ -179,6 +179,9 @@ export class OrientationFormViewComponent implements OnInit, AfterContentChecked public validatePage(event: boolean): void { this.isPageValid = event; + setTimeout(() => { + this.pageTitleElement.nativeElement.focus(); + }, 100); } public setFailedOrientation(): void {