Difference between revisions of "Skip Link"

From Level Access Web Labs
Jump to navigation Jump to search
Line 11: 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" tabindex="-1">
+
<main>
<h1>Main page content</h1>
+
<h1 id="maincontent" tabindex="-1">Main page content</h1>
 
<p>SSB BART Group provides IT accessibility consulting services.</p>
 
<p>SSB BART Group provides IT accessibility consulting services.</p>
 
</main>
 
</main>
 
</html>
 
</html>
 
[[Category:Techniques]]
 
[[Category:Techniques]]

Revision as of 21:58, 30 April 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.