Kilotest: Diagnoses of image not named
violation by HTML element 301 on DemocracyNext page
Basics
About the page
- URL: https://www.demnext.org/
- Tested 7 days ago on 2026-10-03 at 04:01 by job
261003T0358-706 - Summary of results:
- Rule engines:
- Called: 12
- Were able to test: 12
- Reported any rule violations: 12
- Violations: 791
- Violators: 223
- Issues: 36
- Rule engines:
- Download the full technical report (JSON)
About the issue
- Why it matters: User cannot get help to know what is in an image
- Priority: highest
- Related WCAG standard: 1.1.1
- Reported by 9 rule engines (Accessibility Checker + Alfa + Axe + Editoria11y + HTML CodeSniffer + Pour + QualWeb + SureA11y + WAVE)
- Violations: 131
- Violators: 49
About the violator
- Tag name:
IMG - Text: [not applicable]
- Start tag:
<img class="w-full rounded-t-sm sm:rounded-t-[40px] group-hover:scale-110 group-hover:transition-transform" src="https://www.demnext.org/uploads/_772x772_crop_center_100_none/website-squares.png" srcset="https://www.demnext.org/uploads/_386x386_crop_center_100_none/website-squares.png 386w, https://www.demnext.org/uploads/_772x772_crop_center_100_none/website-squares.png 772w" sizes="(min-width: 768px) 772px, 386px" loading="lazy"> - XPath:
/html/body /div[5] /div[1] /div[1] /div[8] /div[1] /div[1] /a[1] /img[1] - Bounding box: x = 1326, y = 2535, width = 354, height = 354
- Reported by Accessibility Checker + Axe + Editoria11y + Pour + QualWeb + SureA11y
Diagnoses
Here is how rule engines diagnose the image not named
issue for HTML element 301 of the DemocracyNext page.
- 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"
Rule engine: Axe (Deque)
Rule:
image-alt - <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>
Rule engine: Editoria11y (Princeton University)
Rule:
altMissing - The image has neither an accessible name nor is marked as decorative or redundant
Rule engine: Accessibility Checker (IBM)
Rule:
img_alt_valid - Every <img> needs a text alternative
Rule engine: Pour (David Yarham and Geoffrey Crofte)
Rule:
image-alt - [failed] The test target doesn't have an accessible name.
Rule engine: QualWeb (University of Lisbon)
Rule:
QW-ACT-R17 - Missing alt attribute on <img>.
Rule engine: SureA11y (Jorge Rumoroso)
Rule:
img-alt-present