using aria landmark roles in wordpress • rachievee: rachel's blog

By the second line of that massive intimidating wall of jargon, Now if you're like me, and stopped reading, I'd advise reading something easier on the eyes like A11y project's, Getting Started with ARIA..   Now that we have basic understanding of what ARIA is, let's go over what ARIA landmark roles are and how they can make our WordPress themes more accessible. * A Mass Effect reference that I could not help, except take advantage of...   In Twenty Sixteen theme, this role can be found in the header php file, on HTML5 element... < header id = masthead class = site-header role = banner >...   The role is applied to the wrapper that contains the main or central content of the site.   In Twenty Sixteen theme, this role gets applied to the main  HTML5 element within several files.   The role is applied to wrapper that contains information about the parent document.   Combining the ARIA landmark roles and HTML5 elements is great way to increase in our themes. It also fulfills one of WordPress theme review requirements to use the accessibility-ready tag.   and in the WP Slack's A11y room, this post was in need of update..   currently the use of landmark roles are requirement for WordPress themes using the accessibility-ready tag, there are some things to keep in mind..   By case basis depending on your theme or site, You'll still see these examples in the wild as I've shown from Twenty Sixteen theme. Approach HTML5 and whether landmarks are necessary on case.   Read more