Kilotest: Diagnoses of position sticky violation by HTML element 337 on Sage Mages page

Basics

About the Sage Mages page

• URL: https://www.thesagemages.com/
• Tested 13 days ago by job 0lq on 2026-07-07 at 17:44

About HTML element 337

• Tag name: DIV
• Text: Our Difference is Our Strength … About Us
• Start tag: <div data-testid="responsive-container-content" role="group" class="comp-moa3ysmd-container">
• XPath: /html/body/div[1]/div[1]/div[2]/div[1]/div[1]/div[1]/div[2]/div[1]/div[1]/main[1]/section[2]/div[2]
• Bounding box: x = 0, y = 1186, width = 1920, height = 1055

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 337 of the Sage Mages page.

1. The CSS <code>position: sticky;</code> property is used in the styles for element <code><div id="comp-moa3ysmm" role="" class="HFEOE3 NaeT1r comp-moa3ysmm wixui-box" dir="ltr"></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