Difference between revisions of "Skip Link"

From Level Access Web Labs
Jump to navigation Jump to search
 
(17 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 +
Note: As for 6/4/18 we are unclear if this is still an issue as it appears to be fixed in Chrome and Safari.
 +
 +
An additional setfocus() method is needed for webkit based browsers - demonstrated on 1st link below.
 
<html>
 
<html>
<a href="#maincontent">Skip to main content </a>
+
<a href="#maincontent" click="document.getElementById('maincontent').focus();">Skip to main content </a>
This page demonstrates a skip link.
+
<a href="#maincontent1">Skip to main content (no set focus)</a>
 +
<div>This page demonstrates a skip link.</div>
 
<nav>
 
<nav>
 
   <a href="http://www.ssbbartgroup.com"> SSB </a> |  
 
   <a href="http://www.ssbbartgroup.com"> SSB </a> |  
Line 7: Line 11:
 
   <a href="https://labs.ssbbartgroup.com"> SSB Labs </a>
 
   <a href="https://labs.ssbbartgroup.com"> SSB Labs </a>
 
</nav>
 
</nav>
<main id="maincontent">
+
<main>
<h1>Main page content</h1>
+
<h1  id="maincontent1" tabindex="-1">Main page content</h1>
 +
<p>SSB BART Group provides IT accessibility consulting services.</p>
 
</main>
 
</main>
 
</html>
 
</html>
 
[[Category:Techniques]]
 
[[Category:Techniques]]

Latest revision as of 19:21, 6 May 2020

Note: As for 6/4/18 we are unclear if this is still an issue as it appears to be fixed in Chrome and Safari.

An additional setfocus() method is needed for webkit based browsers - demonstrated on 1st link below. Skip to main content Skip to main content (no set focus)

This page demonstrates a skip link.

Main page content

SSB BART Group provides IT accessibility consulting services.