From cae9130a57e8e5bc8de942ecd2fe346b18485904 Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Thu, 6 Jun 2024 19:36:20 +0800
Subject: [PATCH] Wrap breadcumbs in navigation element

---
 src/_includes/global/content.njk | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/_includes/global/content.njk b/src/_includes/global/content.njk
index 14b032df..c8d73182 100644
--- a/src/_includes/global/content.njk
+++ b/src/_includes/global/content.njk
@@ -1,13 +1,16 @@
 <header class="main__header">
     {% if isArticle or hasBreadcrumbs %}
-        <ul class="breadcrumbs">
-            {% set breadcrumbNavPages = collections.all | eleventyNavigationBreadcrumb(articleTitle or pageTitle or title) %}
-            {%- for entry in breadcrumbNavPages %}
-            <li>
-                <a href="{{ entry.url }}">{{ entry.title }}</a>
-            </li>
-            {%- endfor %}
-        </ul>
+        <nav>
+            <h2 class="visually-hidden">Breadcrumbs</h2>
+            <ul class="breadcrumbs">
+                {% set breadcrumbNavPages = collections.all | eleventyNavigationBreadcrumb(articleTitle or pageTitle or title) %}
+                {%- for entry in breadcrumbNavPages %}
+                <li>
+                    <a href="{{ entry.url }}">{{ entry.title }}</a>
+                </li>
+                {%- endfor %}
+            </ul>
+        </nav>
     {% endif %}
 
     <h1>{{ articleTitle or pageTitle or title }}</h1>