Section 508 Review

Section 508 (d)

Websites with CSS sheets should be readable without style sheets

Similar Standards

• W3C Web Content Accessibility Guidelines 2.0
  

  1.3 Adaptable: Create content that can be presented in different ways (for example simpler layout) without losing information or structure.

• Web Content Accessibility Guidelines (WCAG 1.0)
  

  6.0 Ensure that pages featuring new technologies transform gracefully.

Example:

Consider the following web page snapshot that uses a CSS:

Original/Actual Page:

Example:

After the CSS is disabled, the page reads or looks like:

Perceived Page:

Have fun with Perceived Page, by clicking below...

Step Two

This page shows how an improper CSS may cause problems for people using assistive Technology

To check for improper CSS use the WAVE toolbar to disable styles as shown below

Step One

Section 508 D Example

Me and you are reading this first. This section of the 508 standard deals with proper use of the CSS to render digital text on the screen.

Learn how to check an Improper CSS utilization in Step Two below...

Now the steps are in incoherent order.

Example:

The improved version of the website is as follows

Improved Page: (With CSS Disabled)

Step One

Section 508 D Example

Me and you are reading this first. This section of the 508 standard deals with proper use of the CSS to render digital text on the screen.

Learn how to check an Improper CSS utilization in Step Two below...

Step Two

This page shows how an improper CSS may cause problems for people using assistive Technology

To check for improper CSS use the WAVE toolbar to disable styles as shown below

Have fun with Perceived Page, by clicking below...