Kilotest: Diagnoses of position sticky violation by HTML element 115 on Disability Rights Oregon page

Basics

About the Disability Rights Oregon page

URL: https://www.droregon.org/
Tested 29 days ago by job fer on 2026-05-03 at 17:05

About HTML element 115

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 } }, "menuOverlayTheme": "white", "menuOverlayAnimation": "fade", "cartStyle": "cart", "cartText": "Cart", "showEmptyCartState": true, "cartOptions": { "iconType": "solid-7", "cartBorderShape": "none", "cartBorderStyle": "outline", "cartBorderThickness": { "unit": "px", "value": 1.0 } }, "showButton": false, "showCart": false, "showAccountLogin": false, "headerStyle": "solid", "languagePicker": { "enabled": false, "iconEnabled": false, "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": "tripleLineHamburger", "thickness": { "unit": "px", "value": 2.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": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "black", "alphaModifier": 1.0 } } }, "gradientOptions": { "gradientType": "faded", "headerOpacity": { "unit": "%", "value": 90.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": 6.0 }, "spread": { "unit": "px", "value": 1.0 }, "distance": { "unit": "px", "value": 0.0 }, "color": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "black", "alphaModifier": 1.0 } } }, "borderOptions": { "enabled": false, "position": "allSides", "thickness": { "unit": "px", "value": 4.0 }, "color": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "black", "alphaModifier": 1.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": [ { "languageCode": "en", "countryCode": "gb" }, { "languageCode": "es", "countryCode": "es" } ] }" data-native-multilingual="" data-first-focusable-element="" tabindex="-1" style=" --headerDropShadowColor: hsla(var(--black-hsl), 1); --headerBorderColor: hsla(var(--black-hsl), 1); --solidHeaderBackgroundColor: hsla(var(--white-hsl), 1); --solidHeaderNavigationColor: hsla(var(--black-hsl), 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 = 119

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 tools diagnose the position sticky issue for HTML element 115 of the Disability Rights Oregon 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