All page content must be contained by landmarks. 1 Element impacted.

Ensures all page content is contained by landmarks

<div id=”cookie-law-info-bar” data-nosnippet=”true” data-cli-style=”cli-style-v2″ style=”background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); font-family: inherit; bottom: 0px; position: fixed; display: block;”>

They explained this here: https://dequeuniversity.com/rules/axe/4.0/region?application=axe-puppeteer

1.3.6 Identify Purpose
(WCAG 2.1
Level AAA)

HTML5 regions or ARIA landmarks are used to identify page regions.

– div[role=navigation]: NAVIGATION Primary Menu Violation: Update the landmarks on the page such that the navigation landmark is not contained by the navigation landmark. Depending on the content in this landmark, consider moving it outside the navigation landmark.

-nav: NAVIGATION Violation: The navigation landmark should NOT contain the following landmark: NAVIGATION.

I have my wp core and theme up-to-date. Also I get this error even when I have all plugins deactived and custom css removed.

Any advice on how to resolve the ARIA landmark issue?

Thanks!

What I wish I could to is have one interactive map for the entire website that I could use for all the landmarks around the world, where for each landmark’s page, I could have the map centered on that one specific landmark, but the user could still zoom out and see all the landmarks that I’ve written about. I can’t do this with WP Google Maps, because each map can only be centered at one position and at one level of zoom. The only thing I can do is create duplicate maps for all the landmarks and then re-centering each one for it’s own page. Then anytime I add a new landmark to the world map, I would need to go through the process of duplicating and re-centering it for all the different landmarks. Which is a long and tedious process and frankly not worth the effort.

My only other option (using WP Google Maps) is to have only the world map and individual city maps. But this makes navigation around the website/globe a chore for the user.

Does anyone know of I way I could create one interactive map that could be centered at different spots on different pages of my website, that would allow me to add a new landmark and automatically show that new landmark on all the pages of my website?

I hope I explained my objective well. If you take a look at my website, Treklist.net, I think you’ll be able to understand what I’m trying to accomplish, here. Any suggestions would be much appreciated.

https://www.ads-software.com/plugins/leaflet-maps-marker/

I would like to ask your opinion about my new website https://looktrains.com/ , it would be useful for me to hear your comments.