1.3.2 Meaningful Sequence Level A

When the sequence in which content is presented affects its meaning, a correct reading sequence can be programmatically determined.

[View on W3C.org]

Testing & Remediation

How to test:
  • In Firefox Web Developer Tools, select "Miscellaneous" and then "Linearize Page". Confirm that the page loads in 1 column and the order of content is logical. If the the page contains dynamic elements (modal dialogs, disclosure widgets, etc), trigger these and check the order again.
  • JAWS - navigate the content of the page sequentially by using the up and down arrow keys. Confirm the content of the page is read in a logical and meaningful way.
How to remediate: Implement a semantic structure hierarchy to the DOM in such a way that when viewing the page with styles and/or JS turned off meaning, content, and intent can still be gathered quickly and easily. This includes appropriate usage and hierarchy of h tags, unordered list tags, p & span tags, etc.

Questions and Answers

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?