Image Has Alt

April 3, 2023 · View on GitHub

Rule Details

<img> 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 👎

<img src="logo.png">

Correct code for this rule 👍

<!-- good -->
<img alt="" src="logo.png" >

<!-- also good -->
<a href='https://github.com/'><img alt="GitHub homepage" src="logo.png" ></a>

Contents

  1. 1Rule Details
  2. 2Resources
  3. 3Examples
  4. 3.1Incorrect code for this rule 👎
  5. 3.2Correct code for this rule 👍