Browser Accessibility - Using your own style sheets
Sunday, 05 October 2008

Web style sheets such as Cascading style sheets (CSS) give you the flexibility to change the way a web page looks by separating the structure and content of a web page (html) from its design (style sheet).

Unfortunately not all style sheets are designed to make the page look as clear and easy to read possible, so in certain situations you might need to create your own style sheet to override the way a web page looks. This means with style sheets you can change the colours of text and background to make them clearer as well change the size and font style of text to make them easier to read.

A number of browsers allow you to use style sheets than can override web page settings, below are links to the most popular browsers with instructions for how to use your own style sheet. Internet Explorer and Opera have the best support.

Instructions on how to create a style sheet are outside the scope of this website, but there are a number of free tools available on the web to help you create your own.

Note: At this time Firefox and Mozilla browsers do not have the option for you to use your own style sheets.

 

Using style sheets with Internet Explorer

Please note: This page assumes you have already created your own style sheet.

  1. Click on the ' Tools ' menu with the mouse or press 'Alt ' + ' T'.
  2. Click ' Internet Options ' with the mouse or press ' O ' to bring up the dialog box
  3. Click the ' Accessibility ' button or press ' Alt ' + ' E ' to display the ' Accessibility ' dialog box
  4. Click the checkbox next to ' Format documents using my style sheet ' , or press ' Alt ' + ' D ' .
  5. Click the ' Browse ' button or press ' Alt ' + ' B ' to display the browse dialog box, allowing you to browse for your style sheet.
  6. As an example, we will load a style sheet from the ' My Style ' folder within the ' My Documents' folder, but you should substitute this with your own style sheet's location.
  7. Click on the ' My Documents ' button on the left, or press ' Tab ' until the left sidebar area is highlighted and then select the ' My Documents ' icon with the arrow keys and press ' Enter ' .

  8. Scroll along in the list of files and folders and double click the ' My Style ' folder to open it, or press ' Tab ' to enter the file and folder list area, and use the arrow keys to select the ' My Styles ' folder and press ' Enter ' to open it.

  9. Double click on the style sheet you wish to open, or press ' Tab ' until it is highlighted and press ' Enter ' to select it and return to the ' Accessibility ' dialog box.

  10. Click ' OK ' or press ' Tab ' until the ' OK ' button is highlighted and press ' Enter ' to return to the ' Internet Options ' dialog box.

  11. Click ' OK ' or press ' Tab ' until the ' OK ' button is highlighted and press ' Enter ' to return to Internet Explorer.

Note: If this does not work it could be because your computer settings cannot be changed due to local IT policies - contact your local IT support for further help.

 
< Prev   Next >
Advertisement
© d-PIT, 2007-2010.

Site Disclaimer