Kilotest: Diagnoses of image not named violation by HTML element 317 on Probably Good page

Basics

About the Probably Good page

About HTML element 317

About the image not named issue

Diagnoses

Here is how tools diagnose the image not named issue for HTML element 317 of the Probably Good page.

  1. <p>When screen readers encounter an image with no alt attribute at all, they dictate the url of the image file instead, often one letter at a time.</p> <p><strong>To fix:</strong> either add an empty alt (alt="") to indicate this image should be ignored by screen readers, or add descriptive alt text.</p> <p>Note that a <a href="https://www.w3.org/WAI/tutorials/images/informative" target="_blank" title="Opens in new tab">good alt describes the image's message</a>, not simply what it contains. Depending on the context, the alt for the picture of a child kicking a ball might emphasize the setting, the child, the kick or the ball:</p> <ul> <li>The sunny spring day brought kids to the park for some soccer.</li> <li>A.J. wearing the new team uniform.</li> <li>The game-winning kick curved in from the left sideline!</li> <li>The size 4 ball is the right size for this 9-year-old child.</li> </ul>

    Tool: Editoria11y (Princeton University)

    Rule: altMissing

  2. Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.

    Tool: HTML CodeSniffer (Squiz Labs)

    Rule: E-WCAG2AAA.Principle1.Guideline1_1.1_1_1.H37