Streaming live at 10am (PST)

Skip to main content link

Reading everything I can find about links, skip etc on the Forums and University and the WWW, but can’t find a way to simply add a .

I would like the skip to go to the (only) H1 on the page.

How?

I’ve got my link at the top of the page, and I have a Heading.

I’ve given the Heading a role=“main” but that’s not creating any kind of anchor point to link to.

thanks!

Here is my public share link: https://preview.webflow.com/preview/jonathans-blank-site-71b734?utm_medium=preview_link&utm_source=designer&utm_content=jonathans-blank-site-71b734&preview=aa7262d9cfca903738221d1bc46a02a6&pageId=5d09249de2f0f22cee7d4d84&mode=preview
(how to access public share link)

I came to the same conclusion too. This is what I came up with:

var h1s = document.getElementsByTagName("h1");
h1s[0].id = "skipto";
document.getElementById("skip").href = "#skipto";

It assumes there is a button with id “skip”.
It renames the first h1 (should be 1 anyway)
Then sets the “Skip to Content” button’s href to the newly named h1 tag.

interesting. where do you put this code? In the project settings??
I would think a link with id “skip” rather than a button (it’s called a skip link after all!)
I’d also name the H1 “main”, so we can “skip to main”

I like this a lot. Hopefully makes things easier to set up without having to remember to give the id on every page

Thanks