Test Case sc1.3.1_l1_104: span with CSS style for bold used to convey strong emphasis

Formal Metadata

Formal Metadata
Titlespan with CSS style for bold used to convey strong emphasis
DescriptionA document that contains a single sentence with a short passage of direct speech. In the direct speech a span element styled with CSS to look like bold text is used to denote strong emphasis.
CreatorBenToWeb (evlach@…)
RightsCopyright BenToWeb 2004-2007
LanguageEnglish
Date2005-08-28
Statusaccepted QA

Technologies and Features

Technologies are markup languages or data formats. If the technology is a markup language, “features” refers to elements and attributes.

XHTML™ 1.0 The Extensible HyperText Markup Language (Second Edition)

XHTML™ 1.0 The Extensible HyperText Markup Language (Second Edition)

Feature: span (namespace: http://www.w3.org/1999/xhtml) .

Technical specification: Grouping elements: the DIV and SPAN elements .

CSS 2.0 Specification

CSS 2.0 Specification

Test Data

Purpose

The test case is intended to fail because CSS style has been used in order to convey information.

Expert Guidance

Check whether CSS style has been used in order to convey information.

Test Modes

Accessibility expert.

Test Files

Test file.

TCDL Data

sc1.3.1_l1_104 (XML).

Rules

“Rules” refer to success criteria in WCAG 2.0, checkpoints in WCAG 1.0 and similar requirements.

Primary Rules

The test case fails the following success criterion at line 9, column 15: http://www.w3.org/TR/2007/WD-WCAG20-20070517/Overview.html#content-structure-separation-programmatic.

Functional Outcome

The visual presentation of some of the text suggests semantics that cannot be determined from the semantics of the HTML element.

Technical Comment

The test case maps to failure F2: Failure of SC 1.3.1 due to using CSS to create variations in presentation of text that conveys information without also using the appropriate markup or text.

Secondary Rules

Secondary Rule (WCAG 2.0 - April 2006 Working Draft (Last Call))

The test case fails the following success criterion at line 9, column 15: http://www.w3.org/TR/2006/WD-WCAG20-20060427/guidelines.html#content-structure-separation-programmatic.

Functional Outcome

CSS has been used in order to convey information.

Technical Comment

Online version: sc1.3.1_l1_104.