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

i (italic) element is not used.

Error

i (italic) element used.

Short Description

This error will be generated for all i elements.

Rationale

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

How To Repair

Replace your i elements with em or strong.

Steps To Check

Procedure

1. Find any i (italic) elements in the document.

Expected Result

1. i (italic) element is not used.

Failed Result

1. Remove any i (italic) elements from the document and replace them with other markup.

Examples

Pass Examples

No i (italic) 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 #117 - 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

i (italic) 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 #117 - Positive</title>
</head>
<body>
<p>What she <i>really</i> meant to say was, "This isn't ok, it is <i>excellent</i>!"</p>
</body>
</html>