+
{{#if showTop}}
{{custom-html name="top"}}
{{/if}}
diff --git a/app/assets/stylesheets/common/base/discourse.scss b/app/assets/stylesheets/common/base/discourse.scss
index 1709bcc56aa..f65fe7b15a8 100644
--- a/app/assets/stylesheets/common/base/discourse.scss
+++ b/app/assets/stylesheets/common/base/discourse.scss
@@ -880,3 +880,18 @@ table {
}
}
}
+
+a#skip-link {
+ padding: 0.25em 0.5em;
+ position: absolute;
+ top: -40px;
+ left: 1em;
+ color: var(--secondary);
+ background: var(--tertiary);
+ transition: top 0.3s ease-out;
+ z-index: z("header") + 1;
+ &:focus {
+ top: 0px;
+ transition: top 0.15s ease-in;
+ }
+}
diff --git a/config/locales/client.en.yml b/config/locales/client.en.yml
index fd0ff5eb290..06ce6dc9f17 100644
--- a/config/locales/client.en.yml
+++ b/config/locales/client.en.yml
@@ -175,6 +175,7 @@ en:
forwarded: "forwarded the above email"
topic_admin_menu: "topic actions"
+ skip_to_main_content: "Skip to main content"
wizard_required: "Welcome to your new Discourse! Let’s get started with the setup wizard ✨"
emails_are_disabled: "All outgoing email has been globally disabled by an administrator. No email notifications of any kind will be sent."