Kilotest: Diagnoses of image link not named violation by HTML element 434 on Tradeoffs page

Basics

About the Tradeoffs page

About HTML element 434

About the image link not named issue

Diagnoses

Here is how rule engines diagnose the image link not named issue for HTML element 434 of the Tradeoffs page.

  1. <p>When a link is wrapped around an image, the image's alt text <a href="https://webaim.org/techniques/hypertext/link_text#alt_link" title="Opens in new tab" target="_blank">provides the link's title for screen readers</a>.</p> <p><strong>To fix:</strong> set this image's alternative text to something that describes the link's destination, or add text next to the image, within the link.</p>

    Tool: Editoria11y (Princeton University)

    Rule: altEmptyLinked

  2. Img element is the only content of the link, but is missing alt text. The alt text should describe the purpose of the link.

    Tool: HTML CodeSniffer (Squiz Labs)

    Rule: E-WCAG2AAA.Principle1.Guideline1_1.1_1_1.H30.2

  3. [failed] The image doesn't have an accessible name.

    Tool: QualWeb (University of Lisbon)

    Rule: QW-WCAG-T21