test-driven-development
OBobra/superpowers298k近 7 天新增 2,631 个 star
anchor-smooth-scroll
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Provide instant anchor scroll option. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.
- Star
- 74,442
- 分类
- 浏览器与测试
- 许可证
- MIT
- 最近提交
- 2026年10月6日
skills/anchor-smooth-scroll/SKILL.md
在 GitHub 上查看Provide instant anchor scroll option
Smooth scroll animations can trigger vertigo, nausea, and disorientation for users with vestibular disorders—instant navigation is safer and often faster.
Quick Reference
- Disable smooth scroll when prefers-reduced-motion is set
- Use CSS scroll-behavior: smooth with media query check
- Ensure focus moves to anchor target for keyboard users
- Provide instant scroll as default or fallback
Check
Click anchor links (same-page navigation) and verify smooth scrolling is disabled when prefers-reduced-motion is set. Confirm anchor navigation works correctly with keyboard and screen readers.
Fix
Use scroll-behavior: smooth only within a prefers-reduced-motion media query check. Provide instant scrolling as the default or reduced-motion fallback. Ensure focus moves to the anchor target.
Explain
Explain how animated scroll transitions can cause motion sickness and disorientation for users with vestibular disorders, and why instant navigation is often preferable for accessibility.
Code Review
Review the rendered markup and interactive states that affect Provide instant anchor scroll option. 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/rules/accessibility/anchor-smooth-scroll
相似的 Skill
migrate-to-shoehorn
MAmattpocock/skills288k近 7 天新增 10,178 个 star
agent-runtime-gateway-smoke-test
AFaffaan-m/ECC278k近 7 天新增 4,046 个 star
精选
ai-regression-testing
AFaffaan-m/ECC278k近 7 天新增 4,046 个 star
官方
firecrawl-build-interact
FIfirecrawl/firecrawl191k近 7 天新增 2,010 个 star