Skip to content

Commit 0bbe216

Browse files
larseggertlarseggert
authored
fix: Add a skipnav link (ietf-tools#3645)
Fixes ietf-tools#3632.
1 parent 515dbed commit 0bbe216

1 file changed

Lines changed: 40 additions & 40 deletions

File tree

‎ietf/templates/base.html‎

Lines changed: 40 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -35,6 +35,46 @@
3535
</head>
3636
<body {% block bodyAttrs %}{% endblock %} class="position-relative"
3737
data-group-menu-data-url="{% url 'ietf.group.views.group_menu_data' %}">
38+
<a class="visually-hidden visually-hidden-focusable" href="#content">Skip to main content</a>
39+
<nav class="navbar navbar-expand-lg {% if server_mode and server_mode != "production" %} navbar-light bg-warning {% else %} navbar-dark bg-secondary {% endif %} {% if navbar_mode %} {{ navbar_mode }} {% else %} fixed-top {% endif %}">
40+
<div class="container-fluid">
41+
<a class="navbar-brand" href="/">
42+
<img alt="IETF Logo"
43+
src="{% static 'ietf/images/ietflogo-small-transparent.png' %}">
44+
Datatracker
45+
{% if server_mode and server_mode != "production" %}Dev Mode{% endif %}
46+
</a>
47+
<div class="collapse navbar-collapse" id="navbar-collapse">
48+
<ul class="nav navbar-nav">
49+
{% include "base/menu.html" with flavor="top" %}
50+
</ul>
51+
</div>
52+
{% if not user.is_authenticated %}
53+
<a class="d-none d-sm-block mx-5 btn {% if server_mode and server_mode == "production" %} btn-warning {% else %} btn-info {% endif %}"
54+
rel="nofollow"
55+
href="/accounts/login/?next={{ request.get_full_path|removesuffix:"accounts/logout/"|urlencode }}">
56+
Sign
57+
in
58+
</a>
59+
{% endif %}
60+
<div class="d-flex d-none d-lg-block">
61+
<input class="form-control select2-field"
62+
id="navbar-doc-search"
63+
data-ajax--url="{% url 'ietf.doc.views_search.ajax_select2_search_docs' model_name='docalias' doc_type='draft' %}"
64+
type="text"
65+
data-placeholder="Document search">
66+
</div>
67+
<button class="navbar-toggler"
68+
type="button"
69+
data-bs-toggle="collapse"
70+
data-bs-target="#navbar-collapse"
71+
aria-controls="navbar-collapse"
72+
aria-expanded="false"
73+
aria-label="Toggle navigation">
74+
<i class="navbar-toggler-icon"></i>
75+
</button>
76+
</div>
77+
</nav>
3878
<div class="pt-3 container-fluid">
3979
<div class="row">
4080
{% if request.COOKIES.left_menu == "on" and not hide_menu %}
@@ -103,46 +143,6 @@
103143
</footer>
104144
{% endblock %}
105145
</div>
106-
{# placing the navbar here moves it to the bottom of the page for text-based browsers #}
107-
<nav class="navbar navbar-expand-lg {% if server_mode and server_mode != "production" %} navbar-light bg-warning {% else %} navbar-dark bg-secondary {% endif %} {% if navbar_mode %} {{ navbar_mode }} {% else %} fixed-top {% endif %}">
108-
<div class="container-fluid">
109-
<a class="navbar-brand" href="/">
110-
<img alt="IETF Logo"
111-
src="{% static 'ietf/images/ietflogo-small-transparent.png' %}">
112-
Datatracker
113-
{% if server_mode and server_mode != "production" %}Dev Mode{% endif %}
114-
</a>
115-
<div class="collapse navbar-collapse" id="navbar-collapse">
116-
<ul class="nav navbar-nav">
117-
{% include "base/menu.html" with flavor="top" %}
118-
</ul>
119-
</div>
120-
{% if not user.is_authenticated %}
121-
<a class="d-none d-sm-block mx-5 btn {% if server_mode and server_mode == "production" %} btn-warning {% else %} btn-info {% endif %}"
122-
rel="nofollow"
123-
href="/accounts/login/?next={{ request.get_full_path|removesuffix:"accounts/logout/"|urlencode }}">
124-
Sign
125-
in
126-
</a>
127-
{% endif %}
128-
<div class="d-flex d-none d-lg-block">
129-
<input class="form-control select2-field"
130-
id="navbar-doc-search"
131-
data-ajax--url="{% url 'ietf.doc.views_search.ajax_select2_search_docs' model_name='docalias' doc_type='draft' %}"
132-
type="text"
133-
data-placeholder="Document search">
134-
</div>
135-
<button class="navbar-toggler"
136-
type="button"
137-
data-bs-toggle="collapse"
138-
data-bs-target="#navbar-collapse"
139-
aria-controls="navbar-collapse"
140-
aria-expanded="false"
141-
aria-label="Toggle navigation">
142-
<i class="navbar-toggler-icon"></i>
143-
</button>
144-
</div>
145-
</nav>
146146
{% block js %}
147147
{% endblock %}
148148
<script src="{% static 'ietf/js/select2.js' %}"></script>

0 commit comments

Comments
 (0)