A A A A A

Access Key Shortcuts Examples

HTML Markup Details

:accesskey
Can be defined for links and form controls on a web resource, including the following html elements: a, area, button, input, label, legend, and textarea

Example

HTML Source Code


....
    <!-- Links with accesskeys defined -->

<body>
  <a href="#main" accesskey="1"></a><a href="#nav" accesskey="3"></a>

...

    <!-- Targets of accesskey links -->

<div id="divnav">
  <a name="nav"></a>
  <ul id="nav" title="Main Navigation Bar">

....

<div id="content">
<a name="main"></a>
  <h1>Navigation and Orientation</h1>

....

    <!-- Accesskey assigned to form control -->

<form name="search" title="Search Website" action="search.php" method="post">
  <label>Search Text <input accesskey="2" type="text" name="stext" size="15"></label>
  <input type="submit" value="Start Search">
</form>

....

    <!-- Documentation of the Accesskeys for users -->

  <ul class="accesskey"><li> Accesskey 1: Main Content</li><li>Accesskey 3: Navigation Bar</li></ul>

Navigation

Other HTML Best Practices

Working Group