How to Change Text Size or Colors
The WAI website is designed to let you change the text size, text and background colors, and other display settings through standard browser settings.
This page shows you how to use some of these browser display settings.
- “Why doesn’t this work with some other Web sites?” explains that these settings may not work on browsers and Web sites that do not meet accessibility guidelines.
- “Should all sites include this?” explains that including these instructions is not an accessibility requirement.
To Zoom In or Out
Most web browsers include functionality that allows for an increase or decrease text and content in web pages via a feature called browser zoom. Some browsers also give control for text-only size adjustments. Additionally, there are a number of browser extensions or add-ons that provide users addtional control over the display of content.
Most commonly, the commands to increase or decrease zoom levels in browsers are:
- Windows, Linux, and Chrome OS: Ctrl and + or Ctrl and - (pressing Ctrl and the plus button or Ctrl and the minus button simultaneously)
- Mac OS: ⌘ and + or ⌘ and + (pressing command and the plus button or command and the minus button simultaneously)
Browser vendors have specific, detailed, and updated guides available for changing the zoom and/or text display sizes. We have collected links to some of these resources for your convenience.
- Mozilla Firefox - Font size and zoom
- Google Chrome - Change text, image, and video sizes (zoom)
- Microsoft Edge - is there an official MS page for Edge's zoom feature?
- Safari - Zoom in on webpages
- Internet Explorer - Ease of access options
- Opera - Zoom
- Vivaldi - Zooming options in Vivaldi
Why doesn’t this work with some other websites?
The browser settings on this page should work when browsers and websites meet WAI guidelines and are designed for accessibility, flexibility, and user control. However, some browsers do not provide as much user control, and some websites are designed to defeat browser settings. Text resizing does not work well in browsers and websites that do not meet accessibility guidelines.
- In Internet Explorer Version 6 and earlier, the text may not
resize because the Web site is designed with “hard-coded” or
“absolute” text sizes. To override Web site setting:
- Menu items: Tools ▶ Internet Options
- In Internet Options dialog box: Accessibility button (bottom right)
- In Accessibility dialog box:
[/] Ignore colors specified on Web pages
[/] Ignore font styles specified on Web pages
[/] Ignore font sizes specified on Web pages
In Firefox early versions, the text should resize even if the Web site text is not “coded” for flexibility. However the sections of the Web site may not resize, making it difficult to use the site with large text. This is because the Web site was designed with “hard-coded” or “absolute” sizes. Firefox does not resize images.
- Opera resizes all aspects of a Web site, including font, images, and sections. Resizing should work fairly well in Opera, even if the Web site is not “coded” for flexibility.
For a Plain Layout View
Turning off the style sheet gives a plain layout view, which:
- makes text black on a white background (or however your browser is set)
- puts all the information in one column (called “linearized”)
- leaves content images
- removes background images
Page Style ▶
Other Text and Color Changes
Many browsers provide functionality to set different aspects of font and color. Below are examples of how to access this functionality.
|Browser||Example||To access functionality:|
Windows Menu items:Tools ▶ Options
In dialog box: General (in the left pane), Fonts & Colors (button)
Windows Menu items: Tools ▶ Preferences
In dialog box: Fonts and Page Style (in the left pane)
Should all websites include instructions like this?
It is not an accessibility requirement that websites include information on changing text sizes and colors like this page. WAI chose to include this information to help people who want to know how to change their browser settings and may not know how.
Web browsers and websites should be designed following WAI guidelines so that people can easily change text sizes and colors.
Note: No Browser Endorsement
W3C WAI does not endorse specific Web browsers and does not recommend one browser over another. While some common browsers are included in this page, mention of a specific browser does not imply endorsement or recommendation.
- Help with the WAI Web Site includes instructions on navigating the WAI Web site and other topics