Add skip link 'Saltar al contenido' for keyboard/screen reader accessibility

Agent-Logs-Url: https://github.com/dsaub/proyecto-final/sessions/6f9c00f2-c1ee-4dc2-80fb-2596645e9221 Co-authored-by: dsaub <54474838+dsaub@users.noreply.github.com>
2026-04-28 07:08:35 +00:00
parent 71cbf6825e
commit 63df5cf73f
2 changed files with 19 additions and 1 deletions
@@ -1,3 +1,20 @@
+.skip-link {
+  position: absolute;
+  top: -40px;
+  left: 0;
+  background: #513CB0;
+  color: #fff;
+  padding: 8px 16px;
+  font-weight: 600;
+  z-index: 10000;
+  text-decoration: none;
+  border-radius: 0 0 4px 0;
+  transition: top 0.2s;
+}
+.skip-link:focus {
+  top: 0;
+}
+
@media (min-width: 1250px) {
  .grid {
    display: grid;