zloy_linux/blog.zlinux.ru
3
0
Fork 0
Code Issues Pull Requests Activity

♿️ feat(a11y): add skip to content link for keyboard navigation (#552)

Browse Source
This commit is contained in:
Aleksandr Tenkoff
2025-09-30 18:26:30 +07:00
parent bf46ee0219
commit 509943577e
3 changed files with 28 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
themes/tabi/sass/parts/_misc.scss
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;
}