Exercise: Turn off style sheets and check accessiblity of the website
The tutorial website uses style sheets for various presentation elements, e.g., the background colour and the colour of the text.
View the tutorial site with a browser that does not support style sheets or turn off style sheets in your browser.
How to turn off style sheets on IE6 on Windows XP: Tools>Internet Options>Accessibility
And on IE 5 for Mac OS 9: Edit>Preferences> uncheck Show Style Sheet Preferences.
- Check if the content of the page is still displayed in a usable manner.
- Note that in the page resources.php, styles have been used to create bold headings, rather than using the appropriate header tags, e.g.,
<span class="heading">Resources and tutorials</span>
As a result of this, when style sheets are turned off, it is not easy to distinguish headings from the surrounding text, as they look exactly the same. Add appropriate header tags to the headings on the page, e.g.,
<h2>Resources and tutorials</h2> (line 84)