Skip to content

Potential A11y Violation:
Invalid background image

Point of Failure

Images of text should not be used as background images.

Available Automation Evaluation

In checking known available linting and testing tools, these are our findings.

Linting Cannot Exist

It does not seem possible to have an automated test for this potential failure, yet. How would you be able to programmatically determine that there is a background image, and that the image has meaningful text in it?

Testing Cannot Exist

It does not seem possible to have an automated test for this potential failure, yet. How would you be able to programmatically determine that there is a background image, and that the image has meaningful text in it?

Other Test Methods

In addition to automated tests, there are other types of tests that could be conducted to prevent this potential violation.

Developer Authored Test Cannot Existing

Developers should manually review image files provided for them, and not use background images if they contain text.

Manual Test Must Existing

Must exist. Review page for images; if images contain text, inspect the DOM to see if the image has been placed as a background image for an element.

References

Created with ❤️ and ☕️ by Melanie Sumner. Hosted by Netlify.