Imagining native skip links

I love it when standards evolve from something that a bunch of developers are already doing, and making it easier and foolproof. Kitty Giraudel is onto that here with skip links, something that every website should probably have, and that …


The post Imagining native skip links appeared first on CSS-Tricks.

You can support CSS-Tricks by being an MVP Supporter.


This content originally appeared on CSS-Tricks and was authored by Chris Coyier

I love it when standards evolve from something that a bunch of developers are already doing, and making it easier and foolproof. Kitty Giraudel is onto that here with skip links, something that every website should probably have, and that has a whole checklist of things that we can and do screw up:

  • It should be the first thing to tab into.
  • It should be hidden carefully so it remains focusable.
  • When focused, it should become visible.
  • Its content should start with “Skip” to be easily recognisable.
  • It should lead to the main content of the page.

Doing this natively could solve all those problems and more (like displaying in the correct language for that user). Nice little project for someone to mock up as a browser extension, I’d say.

Reminds me of the idea of extending the Web Share API into native HTML. It’s just a good idea.

Direct Link to ArticlePermalink


The post Imagining native skip links appeared first on CSS-Tricks.

You can support CSS-Tricks by being an MVP Supporter.


This content originally appeared on CSS-Tricks and was authored by Chris Coyier


Print Share Comment Cite Upload Translate Updates
APA

Chris Coyier | Sciencx (2021-03-23T21:32:39+00:00) Imagining native skip links. Retrieved from https://www.scien.cx/2021/03/23/imagining-native-skip-links-2/

MLA
" » Imagining native skip links." Chris Coyier | Sciencx - Tuesday March 23, 2021, https://www.scien.cx/2021/03/23/imagining-native-skip-links-2/
HARVARD
Chris Coyier | Sciencx Tuesday March 23, 2021 » Imagining native skip links., viewed ,<https://www.scien.cx/2021/03/23/imagining-native-skip-links-2/>
VANCOUVER
Chris Coyier | Sciencx - » Imagining native skip links. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/03/23/imagining-native-skip-links-2/
CHICAGO
" » Imagining native skip links." Chris Coyier | Sciencx - Accessed . https://www.scien.cx/2021/03/23/imagining-native-skip-links-2/
IEEE
" » Imagining native skip links." Chris Coyier | Sciencx [Online]. Available: https://www.scien.cx/2021/03/23/imagining-native-skip-links-2/. [Accessed: ]
rf:citation
» Imagining native skip links | Chris Coyier | Sciencx | https://www.scien.cx/2021/03/23/imagining-native-skip-links-2/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.