Merge branch 'accessibility-settings-7.6' into accessibility-settings-8_x

# Conflicts:
#	src/app/accessibility/accessibility-settings.service.ts

Author: AAwouters

src/app/accessibility/accessibility-settings.service.ts

@@ -1,6 +1,7 @@
 import {
   Inject,
   Injectable,
+  Optional,
 } from '@angular/core';
 import cloneDeep from 'lodash/cloneDeep';
 import {
@@ -88,7 +89,7 @@ export class AccessibilitySettingsService {
     protected cookieService: CookieService,
     protected authService: AuthService,
     protected ePersonService: EPersonDataService,
-    protected klaroService: KlaroService,
+    @Optional() protected klaroService: KlaroService,
     @Inject(APP_CONFIG) protected appConfig: AppConfig,
   ) {
   }
@@ -242,6 +243,10 @@ export class AccessibilitySettingsService {
    * Emits 'failed' when setting in a cookie failed due to the cookie not being accepted, 'cookie' when it succeeded.
    */
   setSettingsInCookie(settings: AccessibilitySettings): Observable<'cookie' | 'failed'> {
+    if (hasNoValue(this.klaroService)) {
+      return of('failed');
+    }
+
     return this.klaroService.getSavedPreferences().pipe(
       map(preferences => preferences.accessibility),
       map((accessibilityCookieAccepted: boolean) => {

src/app/footer/footer.component.html

@@ -68,6 +68,10 @@ <h5 class="text-uppercase">Footer Content</h5>
             {{ 'footer.link.cookies' | translate}}
           </button>
         </li>
+        <li>
+          <a class="text-white"
+             routerLink="info/accessibility">{{ 'footer.link.accessibility' | translate }}</a>
+        </li>
         <li *ngIf="showPrivacyPolicy">
           <a class="btn text-white"
              routerLink="info/privacy">{{ 'footer.link.privacy-policy' | translate}}</a>
@@ -80,10 +84,6 @@ <h5 class="text-uppercase">Footer Content</h5>
           <a class="btn text-white"
              routerLink="info/feedback">{{ 'footer.link.feedback' | translate}}</a>
         </li>
-        <li>
-          <a class="text-white"
-             routerLink="info/accessibility">{{ 'footer.link.accessibility' | translate }}</a>
-        </li>
       </ul>
     </div>
     <div *ngIf="coarLdnEnabled$ | async" class="notify-enabled text-white">

src/assets/i18n/en.json5

@@ -2152,7 +2152,7 @@
 
   "info.accessibility-settings.liveRegionTimeOut.label": "ARIA Live region time out (in seconds)",
 
-  "info.accessibility-settings.liveRegionTimeOut.hint": "The duration after which a message in the ARIA live region disappears. ARIA live regions are not visible on the page, but proivde announcements of notifications (or other actions) to screen readers.",
+  "info.accessibility-settings.liveRegionTimeOut.hint": "The duration after which a message in the ARIA live region disappears. ARIA live regions are not visible on the page, but provide announcements of notifications (or other actions) to screen readers.",
 
   "info.accessibility-settings.liveRegionTimeOut.invalid": "Live region time out must be greater than 0",