Link-urile accesibile

Tab-uri
Utilizatorii care nu folosesc sau nu pot folosi dispozitive de marcare pot sa selecteze link-urile folosind optiunea 'tab'. Din acest motiv link-urile ar trebui sa apara si sa poata fi accesate intr-o ordine logica. Atributul tabindex permite definirea acestei ordini, desi daca HTML este linear, asa cum ar trebui sa fie, o ordine logica caracteristica tab-urilor ar trebui sa apara automat.

Acceskey-uri
Acceskey-urile permit navigarea prin asocierea unei scurtaturi prin combinatii de taste (care vor fi functionale cand utilizatorul va apasa 'Alt' sau 'Ctrl' + tasta de acces). Pentru utilizatorii care nu folosesc cursorul este o metoda mai rapida si facila de a naviga fata de metoda 'tab'. Nu este neaparat nevoie sa asociezi taste de acces la fiecare link dar este bine sa fie aplicate pentru link-urile principale de navigare.

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

Problema cu tastele de acces este ca in general utilizatorul nu poate sti care sunt ele decat daca se uita la codul sursa. JAWS, cel mai popular cititor de ecran va citi aceste taste de acces dar ele trebuie redate mai explicit pentru a fi cat mai usor de utilizat. Poti aplica o metoda similara  tehnicii "skip navigation link technique"(vezi mai jos), sau poti opta pentru o pagina separata care explica elemente de acces si  functionalitate ale site-ului. O metoda foarte raspandita este de a sublinia litera corespunzatoare din link, similar cu metoda folosita in meniurile celor mai multe aplicatii Windows.

Link titles
Este bine sa adaugi atributul title, care va afisa o descriere a destinatiei link-ului. Daca link-ul este folosit pentru a executa Javascript, este util sa exlici ce ar trebui sa se intample in cazul utilizatorilor care nu au Javascript.

<a href="#" onclick="opennastypopup()" onkeypress="opennastypopup()" 
title="Open a nasty Javascript pop-up window">Monster</a>

Popup-uri
Daca folosesti popup-uri, utilizeaza si onkeypress si onclick. Daca incluzi o pagina normala in href  si returnezi false de la o functie care lanseaza popup-ul, si daca utilizatorul nu are Javascript, o pagina normala se va incarca oricum.

 
<script type="text/javascript"> 
 
function opennastypopup() { 
 
window.open("monster.html", "", "toolbar=no,height=100,width=200"); 
 
return false; 
 
} 
 
</script> 
... 
 
<a href="monster.html" onclick="return opennastypopup()" 
onkeypress="return opennastypopup()">Monster</a>

Link-uri invecinate
Link-urile invecinate ar trebui separate nu doar prin spatii, pentru ca utilizatorul sa le deosebeasca usor. Acest lucru poate fi facut prin plasarea de simboluri intre link-uri ( link | link ) sau incercuindu-le cu simboluri ( [link] [link] ). O idee buna este sa pui link-urile de navigare in liste, care pot fi formatate mai tarziu prin CSS pentru afisare(chiar si unele langa altele folosind display: in-line).

Trecerea peste navigare
Ar trebui sa oferi utilizatorilor posibilitatea de a sari peste meniul de navigare si de a ajunge direct la continut. Poti face asta plasand un link care sare direct la continut.

<div id="header"> 
<h1>The Heading</h1> 
<a href="#content" accesskey="n">Skip navigation</a>
</div> 
<div id="navigation"> 
<!--loads of navigation stuff --> 
</div> 
<div id="content"> 
<!--lovely content --> 
</div>

Poti folosi CSS pentru a face acest link invizibil. Daca folosesti display: none unele cititoare de ecran nu vor citi link-ul din aceasta cauza, asa ca poti seta latimea si inaltimea elementului la 0 ( width: 0; height: 0; overflow: hidden).

• Div-uri versus tabele
• VI. Maparea imaginilor
• Lucrul cu imaginile de fundal in HTML.
• Standarde web si validari
• XHTML - Favicon