This is an archive of an inactive wiki and cannot be modified.

accesskey for mobile

This technique gives a possible implementation for the CategoryBpAccessKeys

Implementation Steps:

Make links which are common across a particular site, or important to a particular page, part of a navigation list, and put it at the end of the page. (The idea is that these are things users will use many times, so learn the shortcut when they want them, but may not use on every page on every visit so don't want them at the top - see also CategoryBpNavbar).

Use the numbers 1-9 in order, in an ordered list, for best mobile compatibility. This is valid in all HTML.

Code sample 1

<html xmlns="">

<p>blah blah blah</p>
<p>and so on - this is the main body of the page (assuming the primary purpose of the page isn't navigation)</p>

<ol><!-- accesskey navbar, out of the way of a first-time reader of the page -->
 <li><a href="foo" accesskey="1">something</a></li>
 <li><a href="fool" accesskey="2">something else</a></li>
 <li><a href="food" accesskey="3">something more</a></li>
 <li><a href="foobar" accesskey="4">something different</a></li>


Back to BestPracticesList

CategoryPhp CategoryXhtml

Contributions to this wiki are governed by the W3C policies for Contribution to W3C' wiki on Mobile Web.