Trying to make our SharePoint site WCAG compliant. I have added WAI-ARIA landmarks to the real content, but it is not passing because not all content is included.
When using HTML5 or WAI-ARIA landmarks it is best practice to include all content on the page in landmarks. In this way users of assistive technologies can use the landmarks for navigating the page without losing track of content.
Make sure that all content on the page is included in HTML5 or WAI-ARIA landmarks.
The issue is that the things that are coming back as errors are things I would not want to alert screen readers to like Googele Tag Manager:
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=XYZ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
And random SP generated code like:
<div style="display:none" id="hidZone"><menu class="ms-hide"><ie:menuitem id="MSOMenu_Help" iconsrc="/_layouts/15/images/HelpIcon.gif" onmenuclick="MSOWebPartPage_S`enter code here`etNewWindowLocation(MenuWebPart.getAttribute('helpLink'),`enter code here`MenuWebPart.getAttribute('helpMode'))" text="Help" type="option" style="display:none"></ie:menuitem></menu></div>
Should I ignore these since it is not "real" content? Not sure what is the real best practice here.