| title | date | submitter | number | tags | discussion | status | related | |||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
I want a native implementation or API for skip links |
2020-12-03 10:17:37 UTC |
Hugo Giraudel |
5fc8bb41d84cfbab3fb47320 |
|
discussing |
|
Skip links are an important accessibility feature to improve keyboard navigation. They are also non-trivial to build; they usually need to be visually hidden and revealed only on focus. This is a challenge in CSS since there is no elegant way to do it with a single property. They can also be difficult to integrate in existing web designs and layouts.
It would be good to have browsers implement skip links natively. This way, more websites would have skip links, which would drastically improve overall keyboard navigation, and avoid problematic or buggy implementations. Additionally, they would be normalized across websites, automatically in the right language (browser language) and implemented in the browser UI instead of within pages.
Now figuring out what DOM node is the appropriate container for the main content of the page can be tricky. If that’s not something the browser can easily figure out, this could be provided by the implementor through a meta tag. For instance:
<meta name="main-content-selector" content="#main">