Kilotest: Diagnoses of position sticky
violation by HTML element 99 on Go Portland Go! Coalition page
Basics
About the Go Portland Go! Coalition page
- URL: https://www.goportlandgo.org/coalition
- Tested 5 days ago by job
xr7on 2026-08-26 at 20:15
About HTML element 99
- Tag name:
HEADER - Text:
Skip to Content … Donate Now!
- 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": "/home/#donate", "buttonText": "Donate Now!", "newWindow": false }, "showSocial": false, "socialOptions": { "socialBorderShape": "none", "socialBorderStyle": "outline", "socialBorderThickness": { "unit": "px", "value": 1.0 } }, "menuOverlayTheme": "bright-inverse", "menuOverlayAnimation": "fade", "cartStyle": "text", "cartText": "Cart", "showEmptyCartState": false, "cartOptions": { "iconType": "stroke-9", "cartBorderShape": "none", "cartBorderStyle": "outline", "cartBorderThickness": { "unit": "px", "value": 1.0 } }, "showButton": true, "showCart": false, "showAccountLogin": false, "headerStyle": "solid", "languagePicker": { "enabled": false, "iconEnabled": false, "iconType": "globe", "flagShape": "shiny", "languageFlags": [ ] }, "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 } } }, "gradientOptions": { "gradientType": "faded", "headerOpacity": { "unit": "%", "value": 90.0 }, "blurBackground": { "enabled": false, "blurRadius": { "unit": "px", "value": 12.0 } } }, "dropShadowOptions": { "enabled": true, "blur": { "unit": "px", "value": 12.0 }, "spread": { "unit": "px", "value": 0.0 }, "distance": { "unit": "px", "value": 12.0 } }, "borderOptions": { "enabled": false, "position": "allSides", "thickness": { "unit": "px", "value": 4.0 } }, "showPromotedElement": false, "buttonVariant": "primary", "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": false, "iconEnabled": false, "iconType": "globe", "flagShape": "shiny", "languageFlags": [ ] }" data-first-focusable-element="" tabindex="-1" style=" " data-controllers-bound="Header"> - XPath:
/html/body/div[1]/header[1] - Bounding box: x = 0, y = 0, width = 1920, height = 93
About the position sticky
issue
- Why it matters: User may be unable to see needed content or may be forced to scroll in both dimensions
- Priority: lowest
- Related WCAG standard: 1.4.10
Diagnoses
Here is how rule engines diagnose the position sticky
issue for HTML element 99 of the Go Portland Go! Coalition page.
- This element has "position: fixed". This may require scrolling in two dimensions, which is considered a failure of this Success Criterion.
Tool: HTML CodeSniffer (Squiz Labs)
Rule:
W-WCAG2AAA.Principle1.Guideline1_4.1_4_10.C32,C31,C33,C38,SCR34,G206