Kilotest: Diagnoses of image not named violation by HTML element 309 on New_Public page

Basics

About the New_Public page

About HTML element 309

About the image not named issue

Diagnoses

Here is how tools diagnose the image not named issue for HTML element 309 of the New_Public page.

  1. Images must have alternative text; Element does not have an alt attribute; aria-label attribute does not exist or is empty; aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty; Element has no title attribute; Element's default semantics were not overridden with role="none" or role="presentation"

    Tool: Axe (Deque)

    Rule: image-alt

  2. <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

  3. 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

  4. The image has neither an accessible name nor is marked as decorative or redundant

    Tool: Accessibility Checker (IBM)

    Rule: img_alt_valid

  5. An img element must have an alt attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images.

    Tool: Html Checker API (World Wide Web Consortium)

  6. [failed] The test target doesn't have an accessible name.

    Tool: QualWeb (University of Lisbon)

    Rule: QW-ACT-R17