michael/pyfedi
1
0
Fork 0
mirror of https://codeberg.org/rimu/pyfedi synced 2025-01-24 03:43:42 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

wcag - skip nav link

Browse source
This commit is contained in:
rimu 2024-01-23 17:16:49 +13:00
parent 1de72f5ab4
commit bc63e773e1
3 changed files with 25 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
app/static/structure.css
View file

@ -1034,4 +1034,16 @@ fieldset legend {
padding-top: 0; padding-top: 0;
} }
.skip-link {
position: absolute;
top: -40px;
left: 0;
background-color: #fff;
z-index: 999;
}
.skip-link:focus {
top: 0;
}
/*# sourceMappingURL=structure.css.map */ /*# sourceMappingURL=structure.css.map */

11
app/static/structure.scss
View file

@ -705,3 +705,14 @@ fieldset {
.list-group-item:first-child { .list-group-item:first-child {
padding-top: 0; padding-top: 0;
} }
.skip-link {
position: absolute;
top: -40px;
left: 0;
background-color: #fff;
z-index: 999;
}
.skip-link:focus {
top: 0;
}

1
app/templates/base.html
View file

@ -91,6 +91,7 @@
{% endblock %} {% endblock %}
</head> </head>
<body class="d-flex flex-column{{ ' low_bandwidth' if low_bandwidth }}"> <body class="d-flex flex-column{{ ' low_bandwidth' if low_bandwidth }}">
<a href="#outer_container" class="skip-link" role="navigation" aria-label="Skip main navigation">Skip to main content</a>
<!-- Page content --> <!-- Page content -->
{% block navbar %} {% block navbar %}
<nav class="navbar navbar-expand-lg"> <nav class="navbar navbar-expand-lg">