【HTML】Advanced4：Accessible Links

1.Tab

<ul>

    <li><a href="here.html" tabindex="1">Here</a></li>

    <li><a href="there.html" tabindex="3">There</a></li>

    <li><a href="limbo.html" tabindex="2">Limbo</a></li>

</ul>

2.Link titles

<p>I'm really bad at writing link text. <a href="inept.html" title="Why I'm rubbish at writing link text: An explanation and an apology.">Click here</a> to find out more.</p>

Don’t have links open something in a new window or tab.

3.Access keys

<a href="somepage.html" accesskey="s">Some page</a>

“Alt” or “Ctrl” + the access key

4.Skipping HTML

<header>

    <h1>The Heading</h1>

    <a href="#content">Skip to content</a>

</header> 



<nav>

    <!--loads of navigation stuff -->

</nav>



<section id="content">

    <!--lovely content -->

</section>