HTML and CSS Reference
In-Depth Information
Some browsers support the
accesskey
attribute, allowing you to associ-
ate a key on the keypad with a link or form element in your content.
Pressing the key selects the link or switches the focus to an appropriate
form element. If you arrange your links as a numbered list map, each
with an
accesskey
number, users can quickly jump to a link with a single
key press, instead of tediously tapping to get to the desired link. For ex-
ample:
Kumquat Resources:
<ol>
<li><a accesskey="1" href="growers.html">Growers</li>
<li><a accesskey="2" href="vendors.html">Vendors</li>
<li><a accesskey="3" href="fanclubs.html">Fan Clubs</li>
</ol>
enables the user to press "1" on the device keypad in order to access
the kumquat growers page, "2" to see vendors, and "3" to find a fan
club. Enable these as simple hyperlinks, and the user has to make sev-
eral key presses to access and select the embedded link. Small design
decisions like this can make a big difference in the overall user experi-
ence.
In general, following a link in a mobile browser is costly, in both time
and money. Clearly identify your links so that the user knows where
they lead and what they will provide. Anonymous "click here" links are
annoying. Users do not want to explore your site; they want to get to
the desired content quickly. If a link might lead to a large amount of
content, such as an image, let users know in the linking page so that
they can choose to avoid it.
Especially avoid image-based links, except when the images are very
small. Many mobile browsers allow the user to navigate the page and
select a link before the full page is loaded. Remember that the page
gets fully downloaded from the server before going back and download-
ing supporting files such as images. Accordingly, text-based links appear
nearly immediately, whereas image-based ones make the user wait. In
any case, avoid image-map navigation because the regions in the map
