Most browsers allow users to change text size through
Most browsers allow users to change text size through
- text size settings (usually through Options or Preferences)
- text-only zoom
- page zoom (which also zooms images, buttons, etc.)
Responsive template
The UBS page template is a very good example of the ability to increase text size.
Zoom size 100%
Zoom size 100%
Zoom size 200%
Zoom size 200%
Zoom size 300%
Zoom size 300%
What to check for
What to check for
- When increasing text size or setting page-zoom to 400%:
- All text gets larger.
- A common problem is that text is not provided as actual text format but instead the text is in an image. Text in images do not get larger when users increase text size.
- Text doesn't disappear or get cut off.
- Text, images, and other content do not overlap.
- All buttons, form fields, and other controls are visible and usable.
- Horizontal scrolling is not required to read sentences or "blocks of text". It is best practice that when text size is increased, all the text in a sentence is visible. It is acceptable to have to scroll horizontally to get to different sections of a page.
How to check
How to check
- In IE select from the menubar ’View’ > Text Size > Largest.
- In Chrome set the page-zoom to 400%.
Change settings: Settings > Appearance
System provides good defaults
This label indicates that the system provides already good defaults and that editors can rely upon them.