tarrien/Mastodon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Glitch] Accessibility: Add skip link & landmark regions to settings

Browse Source 
Port e54f927149da9e2f6aebb7701f2f9ece9c4046db to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
This commit is contained in:
diondiondion 2026-05-21 15:41:14 +02:00 committed by Claire
parent 0741966d5f
commit 1043c9636f
1 changed files with 27 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
app/javascript/flavours/glitch/styles/mastodon/admin.scss
View File

@ -136,6 +136,11 @@ $content-width: 840px;
transition: all 100ms linear; transition: all 100ms linear;
transition-property: color, background-color; transition-property: color, background-color;
} }
&:focus-visible {
outline: var(--outline-focus-default);
outline-offset: -2px;
}
} }
ul { ul {
@ -1902,6 +1907,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 { .section-skip-link {
float: right; float: right;