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="http://www.w3.org/1999/xhtml"> <head><title>CHANGEME</title> </head><body> <h1>Heading</h1> <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> </ul> </body></html>
Back to BestPracticesList