Kilotest: Diagnoses of position sticky
violation by HTML element 212 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 212
- Tag name:
DIV - Text:
Skip to Content … Donate Now!
- Start tag:
<div class="header-menu header-menu--folder-list bright-inverse " data-section-theme="bright-inverse" 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="overlay-nav" data-show-account-login="false" data-test="header-menu" style="padding-top: 92.75px;"> - XPath:
/html/body/div[1]/header[1]/div[3] - Bounding box: [not obtained]
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 212 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