diff --git a/djangoproject/scss/_style.scss b/djangoproject/scss/_style.scss
index 7ff40c223..2e8044a25 100644
--- a/djangoproject/scss/_style.scss
+++ b/djangoproject/scss/_style.scss
@@ -575,7 +575,7 @@ blockquote {
         }
     }
 
-    [role="navigation"] {
+    #header-navigation {
         background: $green-dark;
 
         width: 100%;
diff --git a/djangoproject/templates/includes/header.html b/djangoproject/templates/includes/header.html
index 52ec4f29a..8f3c9222c 100644
--- a/djangoproject/templates/includes/header.html
+++ b/djangoproject/templates/includes/header.html
@@ -5,7 +5,7 @@
     <div class="mobile-toggle">
       {% include "includes/toggle_theme.html" %}
     </div>
-    <div role="navigation">
+    <nav id="header-navigation">
       <ul>
         <li{% if 'start' in request.path %} class="active"{% endif %}>
           <a href="{% url 'overview' %}">Overview</a>
@@ -38,6 +38,6 @@
           {% include "includes/toggle_theme.html" %}
         </li>
       </ul>
-    </div>
+    </nav>
   </div>
 </div>