1.4.4 Resize Text Level AA

Except for captions and images of text, text can be resized without assistive technology up to 200 percent without loss of content or functionality.

[View on W3C.org]

Testing & Remediation

How to test: Does the page zoom to 200% effectively?
  1. Confirm your browser is not set to text-only resizing
  2. Reset the zoom level so you start at the normal 100%
  3. Set your browser window size to approximately 1024 x 768
  4. Zoom in to 200%. This can be accomplished by pressing the Command or Control and the + (plus) key a few times.
  5. Check to see if any content overlaps, gets cut off, shifts in an awkward way or becomes unreadable. Specifically look for elements that were set with absolute positions as they may overlap with other content.
Does the viewport meta element allow for pinch to zoom?
  1. View the source code of your page
  2. Search for the "viewport meta" element
  3. If it is present, confirm that "maximum-scale", "minimum-scale", "user-scalable=no" and "user-scalable=0" are not contained in the HTML.
How to remediate: There are a number of techniques that can be used to meet this Success Criteria. We recommend reviewing the options listed on the W3C page linked above.

Questions and Answers

Minimum font size?

I like the look of smaller text on the web. And even if the text is pretty normal size, some subheadings or small bits of info look nice if they are much smaller (thinking 12px or so). Is there a minimum font size that is...

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?