diff --git a/src/frontend/src/features/legalsTerms/Accessibility.tsx b/src/frontend/src/features/legalsTerms/Accessibility.tsx new file mode 100644 index 00000000..9ec89337 --- /dev/null +++ b/src/frontend/src/features/legalsTerms/Accessibility.tsx @@ -0,0 +1,80 @@ +import { Screen } from '@/layout/Screen' +import { Bold, H, P, A, Italic, Ul } from '@/primitives' +import { css } from '@/styled-system/css' +import { HStack } from '@/styled-system/jsx' +import { useTranslation } from 'react-i18next' + +export const AccessibilityRoute = () => { + const { t } = useTranslation('accessibility', { keyPrefix: 'accessibility' }) + + const indentedStyle = css({ + paddingLeft: '1.5rem', + marginLeft: '1rem', + borderLeft: '1px solid black', + marginTop: '1.5rem', + }) + + return ( + + +

+ + + {t('declaration.title')} + + {t('declaration.date')} +

{t('scope')}

+ + + {t('complianceStatus.title')} + +

{t('complianceStatus.body')}

+ + {t('improvement.title')} + +

{t('improvement.body')}

+ +

{t('improvement.response')}

+ + + {t('recourse.title')} + +

{t('recourse.introduction')}

+ +

{t('recourse.options.intro')}

+ + +
+
+ ) +} diff --git a/src/frontend/src/layout/Footer.tsx b/src/frontend/src/layout/Footer.tsx index 5c2db023..8f35d77a 100644 --- a/src/frontend/src/layout/Footer.tsx +++ b/src/frontend/src/layout/Footer.tsx @@ -242,17 +242,14 @@ export const Footer = () => { - {t('links.accessibility')} - + { const { t } = useTranslation() const isHome = useMatchesRoute('home') const isLegalTerms = useMatchesRoute('legalTerms') + const isAccessibility = useMatchesRoute('accessibility') const isRoom = useMatchesRoute('room') const { user, isLoggedIn, logout } = useUser() @@ -203,12 +204,15 @@ export const Header = () => {