Testing & RemediationHow 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
I've been told to be aware of CSS pseudo content because of the way it is treated by screen readers. Do you have any guidance?
I am using the new html 5 tags on my site to give it more semantics. In addition to this should they all be given the corresponding role?
Do logos need to follow the accessibility guidelines? Specifically color contrast, size, text, stuff like that.
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...
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?