Testing & RemediationHow to test: Does the page zoom to 200% effectively?
- Confirm your browser is not set to text-only resizing
- Reset the zoom level so you start at the normal 100%
- Set your browser window size to approximately 1024 x 768
- Zoom in to 200%. This can be accomplished by pressing the Command or Control and the + (plus) key a few times.
- 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.
- View the source code of your page
- Search for the "viewport meta" element
- If it is present, confirm that "maximum-scale", "minimum-scale", "user-scalable=no" and "user-scalable=0" are not contained in the HTML.
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 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...
I noticed that you guys have a text re-sizer on your site. Why not just allow the user to use the browser zoom? Is one better than the other?
Do logos need to follow the accessibility guidelines? Specifically color contrast, size, text, stuff like that.
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?