diff --git a/assets/stylesheets/application.css b/assets/stylesheets/application.css index 27db2aec..f9e877ac 100644 --- a/assets/stylesheets/application.css +++ b/assets/stylesheets/application.css @@ -96,6 +96,26 @@ body { } } +.accessibility-nav { + position: absolute; + + overflow: hidden; + clip: rect(0, 0, 0, 0); + + width: 1px; + height: 1px; +} + +.accessibility-nav:focus { + top: 1rem; + left: 1rem; + + clip: auto; + + width: auto; + height: auto; +} + .turbo-progress-bar { position: fixed; top: 0; diff --git a/templates/base.html.twig b/templates/base.html.twig index 2b504291..849e8817 100644 --- a/templates/base.html.twig +++ b/templates/base.html.twig @@ -28,6 +28,15 @@ + + {{ 'Skip to main content' | trans }} + +
{{ include('_modal_dialog.html.twig') }} diff --git a/translations/messages.en_GB.yaml b/translations/messages.en_GB.yaml index 6a4b2123..a019a161 100644 --- a/translations/messages.en_GB.yaml +++ b/translations/messages.en_GB.yaml @@ -84,3 +84,4 @@ Type: Type 'This ticket is closed.': 'This ticket is closed.' 'assign yourself': 'assign yourself' (yourself): (yourself) +'Skip to main content': 'Skip to main content' diff --git a/translations/messages.fr_FR.yaml b/translations/messages.fr_FR.yaml index 4770910d..9820b0c8 100644 --- a/translations/messages.fr_FR.yaml +++ b/translations/messages.fr_FR.yaml @@ -84,3 +84,4 @@ Type: Type 'This ticket is closed.': 'Ce ticket est clos.' 'assign yourself': attribuez-vous (yourself): (vous) +'Skip to main content': 'Accéder au contenu principal'