Add a Main Landmark When the Theme Has None
Marks the theme's main content area with role="main" when the page has no main element, so screen reader users can jump straight to the content.
Opens WPIDE on
Code
<script>
(function () {
if (document.querySelector('main, [role="main"]')) { return; }
var area = document.querySelector('#primary, #content, .site-content, .content-area, #main, .entry-content');
if (area) {
area.setAttribute('role', 'main');
if (!area.id) { area.id = 'wpide-main'; }
}
})();
</script>Notes
Add your theme's content wrapper to the selector list if it uses a different class or id.
How to add this snippet
- Install WPIDE on your WordPress site (it is free) and open Code Snippets.
- Use snippet above adds it from the library in one click. Or copy the code into a new snippet with the same code type.
- It is added inactive: review the code and settings, then switch it on.