Web Happens

Accessibility Action report

Average Joe's

Back

Image buttons must have alternate text

Ensures <input type="image"> elements have alternate text

Status
Failed
Impact
Critical
Category
Text Alternatives
WCAG criteria
Guidance
Deque University

2 issues across 2 pages

#1

How to fix

To fix the issue, you need to resolve at least one of these:

  • Element has no alt attribute
  • aria-label attribute does not exist or is empty
  • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
  • Element has no title attribute

Where to fix

We found occurrences on 1 page:

  1. alphagov.github.io/accessibility-tool-audit/tests/buttons-image-button-has-no-alt-attribute.html

    HTML node 
    <input src="../assets/test_images/submit.png" type="image">
    CSS selector 
    input

#2

How to fix

To fix the issue, you need to resolve at least one of these:

  • Element has an empty alt attribute
  • aria-label attribute does not exist or is empty
  • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
  • Element has no title attribute

Where to fix

We found occurrences on 1 page:

  1. alphagov.github.io/accessibility-tool-audit/tests/buttons-empty-alt-attribute-on-image-button.html

    HTML node 
    <input alt="" src="../assets/test_images/submit.png" type="image">
    CSS selector 
    input