From cdab83a55cf52d90ce723c926f75d600f0696641 Mon Sep 17 00:00:00 2001
From: Manoj Raj <rajumanoj333@gmail.com>
Date: Tue, 10 Mar 2026 06:47:51 +0000
Subject: [PATCH] fix: improve accessibility of blog tag filters with nav
 element

---
 bakerydemo/templates/blog/blog_index_page.html | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/bakerydemo/templates/blog/blog_index_page.html b/bakerydemo/templates/blog/blog_index_page.html
index d60ae8507..05ad1fca0 100644
--- a/bakerydemo/templates/blog/blog_index_page.html
+++ b/bakerydemo/templates/blog/blog_index_page.html
@@ -27,12 +27,14 @@ <h1 class="index-header__title">Blog</h1>
         {% endif %}
 
         {% if page.get_child_tags %}
-            <ul class="blog-tags">
-                <li><span class="blog-tags__pill blog-tags__pill--selected">All</span></li>
-                {% for tag in page.get_child_tags %}
-                    <li><a class="blog-tags__pill" aria-label="Filter by tag name {{ tag }}" href="{{ tag.url }}">{{ tag }}</a></li>
-                {% endfor %}
-            </ul>
+            <nav aria-label="Blog tag filters">
+                <ul class="blog-tags">
+                    <li><span class="blog-tags__pill blog-tags__pill--selected">All</span></li>
+                    {% for tag in page.get_child_tags %}
+                        <li><a class="blog-tags__pill" aria-label="Filter by tag name {{ tag }}" href="{{ tag.url }}">{{ tag }}</a></li>
+                    {% endfor %}
+                </ul>
+            </nav>
         {% endif %}
 
         <div class="blog-list">