Inappropriate HTML Text Formatting Check

Description

The “Inappropriate HTML Text Formatting Check” evaluates whether there is any HTML element or attribute being used to control the visual presentation of text.

Example outcome

I located 1 HTML element or attribute that is being used to control the visual presentation of text.

Impact

• Visual Impairments: HTML presentation tags don’t convey semantic meaning. Screen readers may not interpret visual styling accurately, leading to confusing or missing context.
• Cognitive Disabilities: Inconsistent or misused formatting can impair readability and comprehension.
• Color Blindness: Using outdated HTML formatting limits the ability to customize styles via user stylesheets or browser settings (e.g., increasing font size, changing contrast).

Fixes

To address inappropriate presentational HTML:

1. Locate the inappropriate element or attribute.
2. Replace it by semantic HTML and CSS.

Resources

• WCAG 2.2: Understanding Success Criteria 1.3.1
• WCAG 2.2: Understanding Success Criteria 1.4.4
• WCAG 2.2: Understanding Success Criteria 1.4.5
• WCAG 2.2: Understanding Success Criteria 1.4.9
• WCAG 2.2 Techniques: Technique C22: Using CSS to control visual presentation of text
• WebAIM: Semantic Structure: Regions, Headings, and Lists
• WebAIM: Typefaces and Fonts