I have successfully added a Skip Link item before my site title. My goal is to allow keyboard navigation users (accessibility) to skip to the main content on all of the pages on my website. However, the skip is going to the site title, which is the next link, instead of jumping past the menu to the main content of the page.
I injected the following code into the "Advanced" section of the home page in the page editing menu. What's wrong with this code?
<!-- Skip Link HTML -->
<a id="skip-link" href="#main-content" style="position: absolute; top: -40px; left: -40px; background: #000; color: #fff; padding: 10px; z-index: 1000;">Skip to Main Content</a>
Skip link code is skipping to site title, not main content
in Customize with code
Posted
I have successfully added a Skip Link item before my site title. My goal is to allow keyboard navigation users (accessibility) to skip to the main content on all of the pages on my website. However, the skip is going to the site title, which is the next link, instead of jumping past the menu to the main content of the page.
I injected the following code into the "Advanced" section of the home page in the page editing menu. What's wrong with this code?
<!-- Skip Link HTML -->
<a id="skip-link" href="#main-content" style="position: absolute; top: -40px; left: -40px; background: #000; color: #fff; padding: 10px; z-index: 1000;">Skip to Main Content</a>
I'm using version 7.0 with the Hayden template.