Web Accessibility Checker : Check Details

Element

all elements

Error Type

Likely

Guidelines

BITV 1.0 (Level 2)
Level 1
6.1 Organize documents so they may be read without style sheets.
WCAG 1.0 (Level A)
Priority 1
6.1 Organize documents so they may be read without style sheets.
WCAG 1.0 (Level AA)
Priority 1
6.1 Organize documents so they may be read without style sheets.
WCAG 1.0 (Level AAA)
Priority 1
6.1 Organize documents so they may be read without style sheets.

Requirement

Content must be readable when stylesheets are not applied.

Error

Content may not be readable when stylesheets are removed.

Short Description

The first occurrence of any element that contains a style attribute will generate this error.

How To Determine

Question	Is this page readable when stylesheets are removed?
PASS	Page is readable when stylesheets are removed.
FAIL	Page is not readable when stylesheets are removed.

Steps To Check

Procedure

1. Check the document for the style attribute on any element.
2. Remove or disable any style attributes.
3. View the page and discern if it is still readable.

Expected Result

1. The document must be readable when stylesheets are not applied.

Failed Result

1. Modify the document so it is readable when stylesheets are not applied.

Examples

Pass Examples

Contains no elements with style attributes.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN""http://www.w3.org/TR/REC-html40/loose.dtd">
<html lang="en">
<head>
<title>OAC Testfile - Check #109 - Negative</title>
</head>
<body>

<p>Hello.</p>

</body>
</html>

Fail Examples

Contains an element that has a style attribute.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN""http://www.w3.org/TR/REC-html40/loose.dtd">
<html lang="en">
<head>
<title>OAC Testfile - Check #109 - Positive</title>
</head>
<body>

<p style="font-size: 12pt; color: fuchsia">Hello.</p>

<p style="font-size: 12pt; color: fuchsia">Bye.</p>

</body>
</html>