Web Accessibility Checker : Check Details

Element

Error Type

Known

Guidelines

WCAG 2.0 (Level AA)
1.4 Distinguishable: Make it easier for users to see and hear content including separating foreground from background.
Success Criteria 1.4.4 Resize text (AA)
WCAG 2.0 (Level AAA)
1.4 Distinguishable: Make it easier for users to see and hear content including separating foreground from background.
Success Criteria 1.4.4 Resize text (AA)

Requirement

b (bold) element is not used.

Error

b (bold) element used.

Short Description

This error will be generated for all B elements.

Rationale

The b element is not handled as well by screen readers as the em and strong elements.

How To Repair

Replace your b (bold) elements with em or strong.

Steps To Check

Procedure

1. Find any b elements in the document.

Expected Result

1. b (bold) element is not used.

Failed Result

1. Remove any b elements from the document and replace them with other markup.

Examples

Pass Examples

No b elements used.

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/xhtml; charset=UTF-8" />
<title>OAC Testfile - Check #116 - Negative</title>
</head>
<body>
<p>What she <em>really</em> meant to say was, "This isn't ok, it is <strong>excellent</strong>!"</p>
</body>
</html>

Fail Examples

b element used.

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/xhtml; charset=UTF-8" />
<title>OAC Testfile - Check #116 - Positive</title>
</head>
<body>
<p>What she <bold>really</bold> meant to say was, "This isn't ok, it is <bold>excellent</bold>!"</p>
</body>
</html>