Kilotest: Diagnoses of position sticky violation by HTML element 32 on Hunger Free America page

Basics

About the page

• URL: https://hungerfreeamerica.org/
• Tested 3 days ago on 2026-10-07 at 21:41 by job 261007T2129-i87
• Summary of results:
  • Rule engines:
    • Called: 12
    • Were able to test: 12
    • Reported any rule violations: 11
  • Violations: 256
  • Violators: 85
  • Issues: 38
• Download the full technical report (JSON)

About the 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
• Reported by 1 rule engine (ASLint)
• Violations: 4
• Violators: 4

About the violator

• Tag name: DIV
• Text: [not applicable]
• Start tag: <div class="b-sidebar-body">
• XPath: /html/body/div[1]/div[1]/div[1]/div[1]
• Bounding box: [not obtained]
• Reported by ASLint

Diagnoses

Here is how rule engines diagnose the position sticky issue for HTML element 32 of the Hunger Free America page.

1. The CSS <code>position: sticky;</code> property is used in the styles for element <code><nav data-v-02de8508="" data-v-2c129cce="" class="sidebar" id="sidebar-1"></nav></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.

   Rule engine: ASLint (eSSENTIAL Accessibility)

   Rule: position_sticky