Merge branch 'GREG-383-accessibility-statement' into 'master'

Add link to accessibility statement

See merge request !437

frontend/public/locales/en/footer.json

@@ -2,6 +2,7 @@
   "applicationTitle": "Guest Service",
   "link": {
     "terms": {
+      "accessibilityStatement": "Accessibility statement (in Norwegian only)",
       "header": "TERMS",
       "ITRules": "IT Rules",
       "privacy": "Privacy Policy"

frontend/public/locales/nb/footer.json

@@ -4,7 +4,8 @@
     "terms": {
       "header": "VILKÅR",
       "ITRules": "IT-reglement",
-      "privacy": "Personvern"
+      "privacy": "Personvern",
+      "accessibilityStatement": "Tilgjengelighetserklæring"
     },
     "help": {
       "header": "HJELP OG KONTAKT",

frontend/public/locales/nn/footer.json

@@ -4,7 +4,8 @@
     "terms": {
       "header": "VILKÅR",
       "ITRules": "IT-reglement",
-      "privacy": "Personvern"
+      "privacy": "Personvern",
+      "accessibilityStatement": "Tilgjengelegheitserklæring"
     },
     "help": {
       "header": "HJELP OG KONTAKT",

frontend/src/appConfig.ts

@@ -29,6 +29,8 @@ export const responsibleOrganizationEn: string =
   env.REACT_APP_RESPONSIBLE_ORGANIZATION_EN as string
 
 /* no links */
+export const accessibilityStatementLink: string = 
+  env.REACT_APP_ACCESSIBILITY_STATEMENT_LINK as string
 export const itRulesLink: string = env.REACT_APP_IT_RULES_LINK as string
 export const privacyPolicyLink: string =
   env.REACT_APP_PRIVACY_POLICY_LINK as string

frontend/src/routes/components/footer.tsx

@@ -3,6 +3,7 @@ import { styled } from '@mui/material/styles'
 import { Link } from '@mui/material'
 
 import {
+  accessibilityStatementLink,
   appInst,
   responsibleOrganization,
   responsibleOrganizationEn,
@@ -113,6 +114,9 @@ function Footer() {
             <StyledLink href={getPrivacyPolicyLink()}>
               {t('footer:link.terms.privacy')}
             </StyledLink>
+            {accessibilityStatementLink && <StyledLink href={accessibilityStatementLink}>
+              {t('footer:link.terms.accessibilityStatement')}
+            </StyledLink>}
           </LinkSection>
 
           <LinkSection>