Avoid scrolljacking and custom scroll behavior
SkillMediaScrolljacking is an agent skill for accessibility review of rendered HTML, interactive components, and design-system patterns related to avoiding scrolljacking and custom scroll behavior. It guides an agent to check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output. It helps flag scroll overrides that break user expectations and assistive technologies.
Available today. Use it from your connected AI after setup.
No other account needed.
Have an agent that can load skills and access the HTML or components under review.
Then ask your AI: use the Avoid scrolljacking and custom scroll behavior skill
What your AI can do with it
- Review rendered markup and interactive states for scrolljacking violations
- Check that scroll speed, direction, and events are not overridden or hijacked
- Inspect keyboard behavior, focus flow, accessible names, and screen-reader output
- Flag exact elements, roles, labels, and focus behavior that violate the rule
- Recommend fixes such as respecting prefers-reduced-motion and disabling custom scroll
- Explain how scrolljacking affects users with motor or cognitive disabilities
Getting started
- Have an agent that can load skills and access the HTML or components under review.
- Add the scrolljacking skill to the agent's available skills.
- Ask the agent to review the rendered page or component for scrolljacking and custom scroll behavior.
- Review the flagged elements and verify fixes with browser accessibility tooling or assistive tech.
- Consult references/rule.md for full implementation details and framework-specific guidance.
What this skill tells your AI
The instructions your AI receives, as published by thedaviddias/front-end-checklist in skills/scrolljacking/SKILL.md and read by ahel’s review.
Scrolljacking breaks user expectations, interferes with assistive technologies, and creates unpredictable experiences that frustrate users with motor impairments or cognitive disabilities.
Quick Reference
- Never override native scroll speed or direction
- Avoid scroll-triggered navigation (one page per scroll)
- Scrolljacking breaks assistive technologies and user expectations
- If custom scrolling is essential, provide a way to disable it
Check
Test scrolling behavior and verify it feels native. Check that scroll speed is not modified, scroll direction is not inverted, and scroll events are not hijacked for animations or navigation without user consent.
Fix
Remove JavaScript that overrides default scroll behavior. If custom scrolling is essential, respect prefers-reduced-motion and provide a way to disable custom scroll effects.
Explain
Explain how scrolljacking disrupts expected navigation patterns, interferes with assistive technologies, and creates unpredictable experiences for users with motor impairments or cognitive disabilities.
Code Review
Review the rendered markup and interactive states that affect Avoid scrolljacking and custom scroll behavior. Flag exact elements, roles, labels, focus behavior, or keyboard interactions that violate the rule, and note how to verify the fix with browser accessibility tooling or assistive tech.
For full implementation details, code examples, and framework-specific guidance,
see references/rule.md.
Rule page: https://frontendchecklist.io/en/rules/accessibility/scrolljacking
Signals
- GitHub stars
- 74k
- Forks
- 7k
- Last commit
- Aug 2026
Questions
- What is scrolljacking?
- It is when JavaScript overrides native scroll behavior, such as scroll speed, direction, or hijacking scroll events for animations or one-page-per-scroll navigation, without user consent.
- Why is scrolljacking an accessibility problem?
- It breaks user expectations, interferes with assistive technologies, and creates unpredictable experiences for users with motor impairments or cognitive disabilities.
Advanced
- Item type
- skill
- Key
scrolljacking- Source
- github.com/thedaviddias/front-end-checklist