Testing & Remediation
How 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
How is CSS pseudo content treated by screen readers?
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?
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...
Browser zoom vs text zoom. Which is better?
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?
Do logos need to follow the accessibility guidelines? Specifically color contrast, size, text, stuff like that.