Kilotest: Diagnoses of position sticky violation by HTML element 206 on Institute for Progress page

Here is how tools diagnose the position sticky issue for HTML element 206 of the Institute for Progress page.

Basics

• 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
• About the Institute for Progress page
  • URL: https://ifp.org/
  • Tested on 2026-04-03 at 04:21
• About HTML element 206
  • Take me there
  • Tag name: DIV
  • Text: The US is the R&D lab for the world and we should act like it … By Andrew Gerard, Matthew Esche, Dan Turner-Evans, and Connor O'Brien
  • Start tag: <div class="home-contain home-contain--spotlight">
  • XPath: /html/body/main[1]/div[2]/div[1]
  • Bounding box: x = 240, y = 1080, width = 1440, height = 2309

Diagnoses

1. The CSS <code>position: sticky;</code> property is used in the styles for element <code><div class="home-spotlight home-spotlight-intro deferred"></div></code></p><p>Using fixed (also known as sticky) positions on websites (e.g. sticky headers) can be problematic for people with low vision who have their browser window zoomed in. This is especially problematic on mobile phones where, when zoomed in, the sticky header can take over much of the screen, hiding the content that the user wants to view.

   Tool: ASLint (eSSENTIAL Accessibility)

   Rule: position_sticky