Kilotest: Diagnoses of z-index not zero violation by HTML element 107 on Quiet Communities page

Basics

About the page

URL: https://www.quietcommunities.org/
Tested 2 days ago on 2026-10-07 at 22:17 by job 261007T2152-n0c
Summary of results:
- Rule engines:
  - Called: 12
  - Were able to test: 12
  - Reported any rule violations: 12
- Violations: 806
- Violators: 388
- Issues: 56
Download the full technical report (JSON)

About the issue

Why it matters: User cannot predict the effect of clicking
Priority: lowest
Related WCAG standard: 1.4
Reported by 1 rule engine (Testaro)
Violations: 69
Violators: 69

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 Testaro

Diagnoses

Here is how rule engines diagnose the z-index not zero issue for HTML element 107 of the Quiet Communities page.

z-index style property of the element is 10
Rule engine: Testaro (CVS Health)

Rule: zIndex