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.