kopia lustrzana https://github.com/wagtail/bakerydemo
Add skip-link (#504)
rodzic
b93091c062
commit
0e71443969
|
@ -455,6 +455,18 @@ blockquote .attribute-name {
|
|||
z-index: 10;
|
||||
}
|
||||
|
||||
.skip-link {
|
||||
z-index: 20;
|
||||
position: absolute;
|
||||
top: -100%;
|
||||
padding: 20px;
|
||||
background-color: var(--white);
|
||||
}
|
||||
|
||||
.skip-link:focus {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.index-header__title {
|
||||
color: var(--dark);
|
||||
font-weight: 400;
|
||||
|
|
|
@ -41,7 +41,7 @@
|
|||
{% endblock breadcrumbs %}
|
||||
|
||||
|
||||
<main>
|
||||
<main id="main-content">
|
||||
{% block messages %}
|
||||
{% include "includes/messages.html" %}
|
||||
{% endblock messages %}
|
||||
|
|
|
@ -1,6 +1,7 @@
|
|||
{% load navigation_tags %}
|
||||
|
||||
<header class="header clearfix">
|
||||
<a href="#main-content" class="skip-link">Skip to main content</a>
|
||||
<div class="container">
|
||||
<div class="navigation" data-navigation>
|
||||
<a href="/" class="navigation__logo">The Wagtail Bakery</a>
|
||||
|
|
Ładowanie…
Reference in New Issue