Adding an HTML sitemap for accessibility

I'm working to create more WCAG 2.1 compliant websites. I'd like to be able to have an html site map that automatically updates whenever something is added to the primary navigation.

Does anyone have a method or plugin for doing this? Basically I'd like to somehow embed the code to reproduce the navigation in the body of a web page and list it in a simple hierarchical html bulleted list format. It's tough to try and search on this because every article is in regards to SEO.

Similarly if there's some way to render an XML site map into a readable HTML presentation that could also work. I don't know enough about XML frankly to know if this is possible and the search results haven't given me hope. Any help is appreciated. Thanks!

35 minutes ago, carylenore said:

I'm working to create more WCAG 2.1 compliant websites. I'd like to be able to have an html site map that automatically updates whenever something is added to the primary navigation.

Does anyone have a method or plugin for doing this? Basically I'd like to somehow embed the code to reproduce the navigation in the body of a web page and list it in a simple hierarchical html bulleted list format. It's tough to try and search on this because every article is in regards to SEO.

Similarly if there's some way to render an XML site map into a readable HTML presentation that could also work. I don't know enough about XML frankly to know if this is possible and the search results haven't given me hope. Any help is appreciated. Thanks!

Do you have any samples which you want to achieve?

Thanks for asking. I do a lot of WordPress development as well, and here's an example from one of my websites. This map is automatically generated based on what pages are published in the backend, and how they are structured.

https://campodayin.org/site-map/

On 12/13/2022 at 11:31 PM, carylenore said:

Thanks for asking. I do a lot of WordPress development as well, and here's an example from one of my websites. This map is automatically generated based on what pages are published in the backend, and how they are structured.

https://campodayin.org/site-map/

I can think of automate the generation of HTML sitemap based on default XML sitemap, the process can also be simplified if your site has been connected to Cloudflare so we can leverage the HTML rewriter to create new page based on XML sitemap content

I just wrote this functionality if you are still interested.

https://www.polivantage.com/developmentlog/dynamicsitemap