Client-side CSS for enhancing accessibility

Table of Contents

How to create a client-side CSS file

To create a client-side style sheet, create a plain text file with a ".css" file extension using either a plain text editor or a CSS editor. Include CSS syntax in your client-side CSS file to control the visual presentation of Web pages.

To make it easier for you to enhance the accessibility of Web pages on this Web site, you can include any combination of the following client-side CSS in your client-side CSS file.


How to configure your browser to use a client-side CSS file

Internet Explorer

  1. Select "Internet Options..." in the "Tools" menu.
  2. Select the "Accessibility..." button.
  3. Check the "Format documents using my style sheet" box.
  4. Use the "Browse..." button to select your client-side CSS file.
  5. Confirm the changes by using the "OK" button.

Mozilla Firefox

  1. Rename your client-side CSS file to "userContent.css".
  2. Copy the file to the "chrome" sub-folder in your browser profile folder. Instructions for finding your profile folder. The "chrome" sub-folder should contain the files "userContent-example.css" and "userChrome-example.css".
  3. Restart the browser.

Opera

  1. Select "Preferences..." in the "Tools" menu.
  2. Select the "Advanced" tab.
  3. Select the "Content" option in the list.
  4. Select the "Style options..." button.
  5. Use the "Choose..." button to select your client-side CSS file.
  6. Confirm the changes by using the "OK" button.

Safari

  1. Select "Preferences" in the "Safari" menu.
  2. Select "Advanced".
  3. Use the "Other" button to select your client-side CSS file.
  4. Confirm the changes by using the "OK" button.