Kilotest: Diagnoses of image alt long violation by HTML element 256 on Hesperian Health Guides page

Basics

About the Hesperian Health Guides page

• URL: https://hesperian.org/
• Tested 4 days ago by job glp on 2026-05-28 at 22:54

About HTML element 256

• Tag name: IMG
• Text: [not applicable]
• Start tag: <img decoding="async" class="wp-image-44160 avia-img-lazy-loading-not-44160 avia_image " src="https://hesperian.org/wp-content/uploads/2024/11/HOME_Banner11.webp" alt="The home page banner for Hesperian Health Guides. A photo of an elderly woman and a teenager looking at a digital tablet outside their village home. Alongside an image an image of the &quot;Where There is no doctor&quot; book is the text: &quot;Knowledge for Action, Action for health&quot;" title="" height="535" width="1920" itemprop="thumbnailUrl" srcset="https://hesperian.org/wp-content/uploads/2024/11/HOME_Banner11.webp 1920w, https://hesperian.org/wp-content/uploads/2024/11/HOME_Banner11-300x84.webp 300w, https://hesperian.org/wp-content/uploads/2024/11/HOME_Banner11-1030x287.webp 1030w, https://hesperian.org/wp-content/uploads/2024/11/HOME_Banner11-768x214.webp 768w, https://hesperian.org/wp-content/uploads/2024/11/HOME_Banner11-1536x428.webp 1536w, https://hesperian.org/wp-content/uploads/2024/11/HOME_Banner11-1500x418.webp 1500w, https://hesperian.org/wp-content/uploads/2024/11/HOME_Banner11-705x196.webp 705w" sizes="(max-width: 1920px) 100vw, 1920px">
• XPath: /html/body/div[1]/div[1]/div[1]/div[1]/main[1]/div[1]/div[1]/div[1]/div[1]/div[1]/img[1]
• Bounding box: x = 0, y = 83, width = 1920, height = 535

About the image alt long issue

• Why it matters: Helper gives a user an overly verbose explanation of an image
• Priority: low
• Related WCAG standard: 1.1.1

Diagnoses

Here is how tools diagnose the image alt long issue for HTML element 256 of the Hesperian Health Guides page.

1. <p>Image text alternatives are announced by screen readers as a single run-on sentence; listeners must listen to the entire alt a second time if they miss something. If this cannot be reworded to something succinct, it is better to use the alt to reference a <em>visible</em> <a href="https://www.w3.org/WAI/tutorials/images/complex/" title="Opens in new tab" target="_blank">text alternative for complex images</a>. For example:</p> <ul><li>"Event poster; details follow in caption"</li> <li>"Chart showing our issues going to zero; details follow in table"</li></ul> This image's alt text is: <em>The home page banner for Hesperian Health Guides. A photo of an elderly woman and a teenager looking at a digital tablet outside their village home. Alongside an image an image of the &quot;Where There is no doctor&quot; book is the text: &quot;Knowledge for Action, Action for health&quot;</em>

   Tool: Editoria11y (Princeton University)

   Rule: altLong

2. Long alternative text

   Tool: WAVE (Utah State University)

   Rule: alt_long