Nu sunteti conectat. Conectati-va sau inregistrati-va

Vezi subiectul anterior Vezi subiectul urmator In jos  Mesaj [Pagina 1 din 1]

1Tutorial [Tutorial] Link-uri accesibile la data de Mier Noi 07, 2012 8:54 pm

Soricelul

avatar
Administrator
Administrator
Salut tuturor !

Astazi am sa va prezint niste link-uri accesibile in HTML.

1.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.

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

2.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.

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

3.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.

Cod:
<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>

4.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.

Cod:
<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>

Cam atat.



Vezi profilul utilizatorului http://web-coding.online-talk.net

Vezi subiectul anterior Vezi subiectul urmator Sus  Mesaj [Pagina 1 din 1]

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum