Missing Graphic Button Alt Text Check

Description

The “Missing Graphic Button Alt Text Check” evaluates whether there is any <input type="image"> element on the page without an alt attribute.

Example outcome

I found 1 graphic button on the page that does not have the alt attribute.

Impact

• Visual Impairments: Button appears as unlabeled or silent, offering no function.
• Motor Impairments: Button cannot be located or targeted via assistive tools.
• Cognitive Disabilities: Button purpose is unclear, increasing user confusion.

Fixes

To address graphic buttons missing alternative text:

1. Locate the <input type="image"> element missing an alternative text.
2. Add a descriptive alt text, providing information about the action performed by a click.

Resources

• WCAG 2.2: Understanding Success Criteria 1.1.1
• WCAG 2.2: Understanding Success Criteria 4.1.2
• WCAG 2.2 Techniques: Technique F65: Failure of Success Criterion 1.1.1 due to omitting the alt attribute or text alternative on img elements, area elements, and input elements of type “image”
• WebAIM: Alternative Text