marquee element

(Referring UWEM Test: 7.3_HTML_01)

Test info

Failure cause

Found marquee element

The document uses the marquee element to create a scrolling text effect.

Why this may be a barrier

The marquee element is supported by many browsers and can be used to create a scrolling text effect.
But it is not part of the HTML/XHTML standard and as such inherently inaccessible. Additionally avoid scrolling text due to accessibility issues with slow readers and people with visual impairments.

Good Example

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 //EN">
<html>
<head><title>Sample: Page WITHOUT MARQUEE-ELEMENT</title></head>
<body>

<h1>No marquee element</h1>
<p>Non-scrolling text</p>

</body>
</html>

Solution

Remove the marquee element.

References

Related WCAG 1.0 Checkpoint

7.3

"Until user agents allow users to freeze moving content, avoid movement in pages." [Priority 2]
WCAG 1.0 Checkpoint 7.3

Referring UWEM Test

7.3_HTML_01

This test is targeted to find marquee elements.

Examples

  • Scrolling Text

    Scrolling text may cause severe problems for slow readers and people with visual impairments. Additionally the marquee element is not part of the HTML standard.
    Remove the marquee element from your documents and highlight the element, using other elements and styles.

    Bad example:
    <body>
    <marquee>
    This is a scrolling text. It should not be used, for it may cause severe problems for users and is not part of the HTML standard.
    </marquee>
    </body>
    Good example:
    <body>
    <strong style="background: yellow; color: black;">
    This text is not scrolling. It is highlighted by a yellow background and bold text and is readable for everyone.
    </strong>
    </body>