Wrap breadcumbs in navigation element

src/_includes/global/content.njk

@@ -1,13 +1,16 @@
 <header class="main__header">
     {% if isArticle or hasBreadcrumbs %}
-        <ul class="breadcrumbs">
+        <nav>
-            {% set breadcrumbNavPages = collections.all | eleventyNavigationBreadcrumb(articleTitle or pageTitle or title) %}
+            <h2 class="visually-hidden">Breadcrumbs</h2>
-            {%- for entry in breadcrumbNavPages %}
+            <ul class="breadcrumbs">
-            <li>
+                {% set breadcrumbNavPages = collections.all | eleventyNavigationBreadcrumb(articleTitle or pageTitle or title) %}
-                <a href="{{ entry.url }}">{{ entry.title }}</a>
+                {%- for entry in breadcrumbNavPages %}
-            </li>
+                <li>
-            {%- endfor %}
+                    <a href="{{ entry.url }}">{{ entry.title }}</a>
-        </ul>
+                </li>
+                {%- endfor %}
+            </ul>
+        </nav>
     {% endif %}
 
     <h1>{{ articleTitle or pageTitle or title }}</h1>