- Allow users whose browsers don’t apply the website’s style sheets or whose method of access is not visible to understand the site’s content.
- Meticulously separate the content from its presentation, to foster interoperability.
- Improve the way content is taken into account by search engines and indexing tools.
- Improve the accessibility of content for people with disabilities.
Visually compare pages with and without applying CSS styles. This task will make use of all of the following methods on each page:
- Disable CSS styles in the browser;
- Check that there is no loss of information, if there is - find out by examining the styles applied to the element in question using a code inspector.
- Check that the content remains readable, for example in the case of a transparent HTML image where its readability depends on the background colour applied with the background-color property.
- Check the consistency of the content displayed without CSS, which must remain logically organised and fully understandable. For example, a flowchart made up of different blocks of text formatted via CSS positioning properties may appear as a succession of meaningless blocks of text in the absence of CSS.