doc: add "Skip to content" button

aduh95 · aduh95 · commit a4ea425e979f · 2025-01-27T01:15:01.000+01:00
PR-URL: nodejs/node#56750 Reviewed-By: James M Snell <jasnell@gmail.com> Reviewed-By: Ulises Gascón <ulisesgascongonzalez@gmail.com> Reviewed-By: Claudio Wunder <cwunder@gnome.org>
diff --git a/src/generators/legacy-html/assets/style.css b/src/generators/legacy-html/assets/style.css
@@ -142,6 +142,20 @@ a.type {
   font-size: 0.9em;
 }
 
+.skip-to-content {
+  position: fixed;
+  top: -300%;
+}
+
+.skip-to-content:focus {
+  display: block;
+  top: 0;
+  left: 0;
+  background-color: var(--green1);
+  padding: 1rem;
+  z-index: 999999;
+}
+
 #content {
   position: relative;
 }
diff --git a/src/generators/legacy-html/template.html b/src/generators/legacy-html/template.html
@@ -39,6 +39,7 @@
     </style>
   </head>
   <body class="alt apidoc" id="api-section-__FILENAME__">
+    <a href="#apicontent" class="skip-to-content">Skip to content</a>
     <div id="content" class="clearfix">
       <div role="navigation" id="column2" class="interior">
         <div id="intro" class="interior">
