Improve accessibility of blog tag filters in blog_index_page.html

[Sneha-Goswami123]

While exploring the blog_index_page.html template while running the bakerydemo locally, I noticed that the blog tag filters are rendered as a plain <ul> list.

Since this section is used to navigate between blog tags, it might be more semantically correct to wrap it in a <nav> element with an appropriate label. This could improve accessibility and help screen readers understand that this section is navigation.

Example idea:

<nav aria-label="Blog tag filters">
    <ul class="blog-tags">
        ...
    </ul>
</nav>

If this sounds like a useful improvement, I’d be happy to work on a pull request.

[rajumanoj333]

Hi! I've submitted PR #641 that addresses this accessibility improvement by wrapping the blog tag filters in a

element. This follows your suggestion and improves screen reader support for the tag navigation section.

[rajumanoj333]

Hi @Sneha-Goswami123, I've submitted a PR #641 that addresses this accessibility improvement by wrapping the blog tag filters in a

element.

This follows your suggestion and improves screen reader support for the tag navigation section. Please let me know if any changes are needed!

[rajumanoj333]

Hi! I'm interested in GSoC 2026 with Wagtail. Already contributed PR #641 for accessibility. Would love to connect about the Bakery Demo Redesign project!

[thibaudcolas]

thank you for the suggestion @Sneha-Goswami123, much appreciated! @rajumanoj333 it’s really poor etiquette to not leave time for others to proceed with contributions like this. There’s no rush to get it fixed and it was pretty clear @Sneha-Goswami123 was keen to work on this.

@Sneha-Goswami123 if you want to have a go at a pull request, while working on this I spotted #642. This should also be a relatively simple template change.