image-has-alt.md

RailsAccessibility/ImageHasAlt

Rule Details

Images should have an alt prop with meaningful text or an empty string for decorative images.

Resources

• W3C WAI Images Tutorial
• Primer: Alternative text for images

Examples

Incorrect code for this rule 👎

<%= image_tag "spinners/octocat-spinner-16px.gif", size: "12x12" %>

Correct code for this rule 👍

<!-- good -->
<%= image_tag "spinners/octocat-spinner-16px.gif", size: "12x12", alt: "GitHub Logo spinner" %>

<!-- also good -->
<%= image_tag "spinners/octocat-spinner-16px.gif", size: "12x12", alt: "" %>