Kilotest: Diagnoses of svg image not named
violation by HTML element 104 on Quiet Communities contact page
Basics
About the page
- URL: https://www.quietcommunities.org/contact-us
- Tested 3 days ago on 2026-10-07 at 22:16 by job
261007T2152-fch - Summary of results:
- Rule engines:
- Called: 12
- Were able to test: 12
- Reported any rule violations: 11
- Violations: 377
- Violators: 192
- Issues: 44
- Rule engines:
- Download the full technical report (JSON)
About the issue
- Why it matters: User cannot get help understanding an image
- Priority: highest
- Related WCAG standard: 1.1.1
- Reported by 2 rule engines (Accessibility Checker + ASLint)
- Violations: 40
- Violators: 40
About the violator
- Tag name:
HEADER - Text:
SKIP TO CONTENT … Donate
- Start tag:
<header data-test="header" id="header" class="header theme-col--primary" data-section-theme="" data-controller="Header" data-current-styles="{ "layout": "navRight", "action": { "href": "/donate", "buttonText": "Donate", "newWindow": false }, "showSocial": false, "socialOptions": { "socialBorderShape": "none", "socialBorderStyle": "outline", "socialBorderThickness": { "unit": "px", "value": 1.0 } }, "menuOverlayAnimation": "fade", "cartStyle": "cart", "cartText": "Cart", "showEmptyCartState": true, "cartOptions": { "iconType": "stroke-1", "cartBorderShape": "none", "cartBorderStyle": "outline", "cartBorderThickness": { "unit": "px", "value": 1.0 } }, "showButton": true, "showCart": false, "showAccountLogin": false, "headerStyle": "solid", "languagePicker": { "enabled": true, "iconEnabled": true, "iconType": "globe", "flagShape": "shiny", "languageFlags": [ { "languageCode": "en", "countryCode": "gb" }, { "languageCode": "es", "countryCode": "es" } ] }, "iconOptions": { "desktopDropdownIconOptions": { "size": { "unit": "em", "value": 1.0 }, "iconSpacing": { "unit": "em", "value": 0.35 }, "strokeWidth": { "unit": "px", "value": 1.0 }, "endcapType": "square", "folderDropdownIcon": "none", "languagePickerIcon": "openArrowHead" }, "mobileDropdownIconOptions": { "size": { "unit": "em", "value": 1.0 }, "iconSpacing": { "unit": "em", "value": 0.15 }, "strokeWidth": { "unit": "px", "value": 0.5 }, "endcapType": "square", "folderDropdownIcon": "openArrowHead", "languagePickerIcon": "openArrowHead" } }, "mobileOptions": { "layout": "logoLeftNavRight", "menuIconOptions": { "style": "doubleLineHamburger", "thickness": { "unit": "px", "value": 1.0 } } }, "solidOptions": { "headerOpacity": { "unit": "%", "value": 100.0 }, "blurBackground": { "enabled": false, "blurRadius": { "unit": "px", "value": 12.0 } }, "backgroundColor": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "white", "alphaModifier": 1.0 } }, "navigationColor": { "type": "CUSTOM_COLOR", "customColor": { "hslaValue": { "hue": 0.0, "saturation": 0.0, "lightness": 0.2, "alpha": 1.0 }, "userFormat": "hex" } } }, "gradientOptions": { "gradientType": "faded", "headerOpacity": { "unit": "%", "value": 13.0 }, "blurBackground": { "enabled": false, "blurRadius": { "unit": "px", "value": 12.0 } }, "backgroundColor": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "white", "alphaModifier": 1.0 } }, "navigationColor": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "black", "alphaModifier": 1.0 } } }, "dropShadowOptions": { "enabled": true, "blur": { "unit": "px", "value": 12.0 }, "spread": { "unit": "px", "value": 0.0 }, "distance": { "unit": "px", "value": 12.0 }, "color": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "black", "alphaModifier": 1.0 } } }, "borderOptions": { "enabled": true, "position": "topAndBottom", "thickness": { "unit": "px", "value": 1.0 }, "color": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "white", "alphaModifier": 1.0 } } }, "showPromotedElement": false, "buttonVariant": "secondary", "blurBackground": { "enabled": false, "blurRadius": { "unit": "px", "value": 12.0 } }, "headerOpacity": { "unit": "%", "value": 100.0 } }" data-section-id="header" data-header-style="solid" data-language-picker="{ "enabled": true, "iconEnabled": true, "iconType": "globe", "flagShape": "shiny", "languageFlags": [ { "languageCode": "en", "countryCode": "gb" }, { "languageCode": "es", "countryCode": "es" } ] }" data-first-focusable-element="" tabindex="-1" style=" --headerDropShadowColor: hsla(var(--black-hsl), 1); --headerBorderColor: hsla(var(--white-hsl), 1); --solidHeaderBackgroundColor: hsla(var(--white-hsl), 1); --solidHeaderNavigationColor: hsla(0, 0%, 20%, 1); --gradientHeaderBackgroundColor: hsla(var(--white-hsl), 1); --gradientHeaderNavigationColor: hsla(var(--black-hsl), 1); " data-controllers-bound="Header"> - XPath:
/html/body /div[1] /header[1] - Bounding box: x = 0, y = 0, width = 1920, height = 208
- Reported by ASLint
Diagnoses
Here is how rule engines diagnose the svg image not named
issue for HTML element 104 of the Quiet Communities contact page.
- The element <code>svg</code> does not have an accessible description. Use one of the following solutions to describe element purpose: <code><title>, <desc>, <text>, aria-label, aria-labelledby, aria-describedby, aria-roledescription</code>. For decorative purpose add an attribute <code>role="presentation"</code>.
Rule engine: ASLint (eSSENTIAL Accessibility)
Rule:
accessible_svg