Visually Hidden Until Focused
Hide the link for mouse users, reveal it on Tab.
The Design Tension
Skip links are vital, yet many teams worry they clutter the layout. The classic answer: hide it visually, but keep it ready for keyboard users.
Never display none
Do not reach for display none or visibility hidden. Those remove the link from the accessibility tree, so no one can focus it.
All lessons in this course
- Why Skip to Main Content Exists
- Building a Skip Link That Actually Works
- Visually Hidden Until Focused
- Multiple Bypass Links for Big Pages