Kilotest: Diagnoses of position sticky violation by HTML element 127 on Mozilla Foundation page

Basics

About the Mozilla Foundation page

About HTML element 127

About the position sticky issue

Diagnoses

Here is how tools diagnose the position sticky issue for HTML element 127 of the Mozilla Foundation page.

  1. The CSS <code>position: sticky;</code> property is used in the styles for element <code><nav class="m24-navigation-refresh enable-main-nav-sticky m24-mzp-is-sticky" aria-label="Primary"></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.

    Tool: ASLint (eSSENTIAL Accessibility)

    Rule: position_sticky