Accessibility: Add skip link & landmark regions to settings (#39129)

This commit is contained in:
diondiondion
2026-05-21 15:41:14 +02:00
committed by GitHub
parent 6735902c1a
commit e54f927149
3 changed files with 31 additions and 2 deletions

View File

@@ -136,6 +136,11 @@ $content-width: 840px;
transition: all 100ms linear;
transition-property: color, background-color;
}
&:focus-visible {
outline: var(--outline-focus-default);
outline-offset: -2px;
}
}
ul {
@@ -1887,6 +1892,28 @@ a.sparkline {
}
}
.navigation-skip-link {
position: fixed;
z-index: 100;
margin: 10px;
padding: 10px 16px;
border-radius: 10px;
font-size: 15px;
color: var(--color-text-primary);
background: var(--color-bg-primary);
box-shadow: var(--dropdown-shadow);
/* Hide visually when not focused */
&:not(:focus-within) {
width: 1px;
height: 1px;
margin: 0;
padding: 0;
clip-path: inset(50%);
overflow: hidden;
}
}
.section-skip-link {
float: right;