4.1.1 Parsing Level A

In content implemented using markup languages, elements have complete start and end tags, elements are nested according to their specifications, elements do not contain duplicate attributes, and any IDs are unique, except where the specifications allow these features.

*Start and end tags that are missing a critical character in their formation, such as a closing angle bracket or a mismatched attribute value quotation mark are not complete.

[View on W3C.org]

Testing & Remediation

How to test: You will need to test whether or not your pages validate properly. How you do this will depend on whether or not the content is static & publicly accessible. For static, publicly accessible content, we recommend using the W3C Markup Validation Service. Once the results are displayed, it's best to filter down to only show errors & warnings related to accessibility. This can be done using the WCAG Parsing Bookmarklet. For pages where the content is dynamically generated or hidden behind a login, you'll need to copy & paste your entire DOM into "Validate by Direct Input" method in the W3C Markup Validation Service (same link as above). Follow the same instructions from above for filtering the results down to only show errors known to impact accessibility. How to remediate: This Success Criterion can be met in a number of ways, but generally speaking you will need to ensure that the page contains “clean” code that will not cause any errors. Some items to consider:
  • All content has complete start and end tags.
  • Elements are nested to their element specifications when appropriate.
  • Elements do not contain duplicate, incorrect, or malformed attributes.
  • Each ID tag on a page will be the singular instance of that specific ID tag.

Questions and Answers

Is there a form element meant to provide instruction?

I know how to add labels to form inputs to 'label' what they are. I am wondering if there is something similar for describing what a field is in more details? I want to there to be little text under a text field but don't...

What are the best accessible wordpress sliders?

I see a lot of WordPress websites (and websites in generally really) using sliders for images and information. I can see how it would be really easy to make an accessible slider. Are there any 'out of the box' accessible WordPress sliders?