Pentru descarcare , inregistreaza-te ! Au fost introduse noi Hack-uri 2015 !





[Tutorial] Link-uri accesibile

View previous topic View next topic Go down

[Tutorial] Link-uri accesibile

Post by Sfinx on Fri Dec 07, 2012 8:40 am

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.

Code:
<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.

Code:
<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.

Code:
<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.

Code:
<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 , daca este ceva neinregula puteti face un reply !


Code name: Mozilla
App name: Opera
Version: 9.80 (Windows NT 5.1)
Language: ro
Plateform: [You must be registered and logged in to see this image.] windows
User Agent: Opera/9.80 (Windows NT 5.1) Presto/2.12.388 Version/12.14


[You must be registered and logged in to see this link.]

Sign by Danasoft - [You must be registered and logged in to see this link.]

avatar
Sfinx
Administrator
Administrator

Mesaje Mesaje : 1440
Data nasterii Data nasterii : 25/02/1995
Localizare Localizare : Timisoara
Server Server : Bine

http://metin2hacks.forumh.net/

Back to top Go down

View previous topic View next topic Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum