How to Change Text Size or Colors

The HETI Springboard for Leadership and Management website is designed to let you change the text size, text and background colors, and other display settings using standard browser settings.

This page shows you how to use some of these browser settings.

To Change Text Size

Most modern web browsers include functions to let you increase or decrease the size of the text in a web page. For example, to increase text size:

Internet Explorer – View > Text Size > Larger

Firefox – View > Zoom > Zoom Text Only

Opera – Opera Button > Zoom

Safari – View > Zoom Text Only

You can then use Control + / – or Command + / – to increase / decrease the text size

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:
    1. Menu items: Tools > Internet Options
    2. In Internet Options dialog box: Accessibility button (bottom right)
    3. In Accessibility dialog box:
      • Select – Ignore colors specified on Web pages
      • Select - Ignore font styles specified on Web pages
      • Select - Ignore font sizes specified on Web pages
  • In early versions of Firefox the text should resize even if the Web site 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 style sheets gives a plain layout, which:

  • makes text black on a white background (or however your browser is set)
  • puts all the information in one column
  • leaves content images
  • removes background images

Internet Explorer – View > Style > No Style

FireFox – View > Page Style > No Style

Most browsers also have the ability to load custom style sheets to transform web pages to high contrast or other settings to suit your requirements.

You can also find a useful tool for creating and downloading low vision stylesheets at http://people.ds.cam.ac.uk/ssb22/css

Other Text and Color Changes

Many browsers provide functions to set different aspects of font and color. Below are examples of how to access this functionality.

Internet Explorer – Tools > Options > General (Colors, Fonts, Accessibilty)

Firefox – Tools > Options (Firefox > Preferences on Mac) > Content

HETI 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.