Kilotest: Diagnoses of position sticky violation by HTML element 73 on Wikimedia Foundation contact page

Basics

About the page

About the issue

About the violator

Diagnoses

Here is how rule engines diagnose the position sticky issue for HTML element 73 of the Wikimedia Foundation contact page.

  1. The CSS <code>position: sticky;</code> property is used in the styles for element <code><header class="wp-block-group alignfull site-header has-base-background-color has-background has-link-color wp-elements-765dd1a736b2653d9fbb47e460780e08 has-global-padding is-layout-constrained wp-block-group-is-layout-constrained wp-container-9 is-position-sticky" style="border-bottom-color:var(--wp--preset--color--border-light);border-bottom-width:1px;padding-top:0;padding-bottom:0"></header></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