️ feat(a11y): add skip to content link for keyboard navigation (#552)
Some checks failed
Build Site / Check and Build for Pull Requests (push) Has been cancelled
Build Site / Build and Deploy on Main Push (push) Has been cancelled

Co-authored-by: Awiteb <a@4rs.nl>
This commit is contained in:
Óscar 2025-09-28 21:10:39 +02:00 committed by GitHub
parent 13f88a8e86
commit e8dcd0528e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
22 changed files with 47 additions and 1 deletions

View file

@ -328,3 +328,28 @@ details summary {
flex-direction: column;
}
}
#skip-link {
position: absolute;
top: -40px;
left: 0;
transform: translateY(-100%);
opacity: 0;
z-index: 9999;
transition: all 0.1s ease;
border-radius: 0 0 5px 0;
background-color: var(--primary-color);
padding: 4px 8px;
color: var(--hover-color);
font-weight: 500;
font-size: 0.9rem;
text-decoration: none;
}
#skip-link:focus {
top: 0;
transform: translateY(0);
opacity: 1;
outline: 2px solid var(--text-color);
outline-offset: 2px;
}