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'