În acestă pagină sunt prezentate câteva moduri prin care un link poate fi făcut mai accesibil!

TAB

O simplă accesare a linkurilor, asta descrie cuvântul tab.Acest cuvânt se află pe o tasta!Aranjarea linkurilor întro ordine, va permite celor care accesează sau doar vizualizeazâ linkurile , să nu devină confuzi atunci când în navigarea lor pe pagină folosesc tasta ”tab”.De ce vor folosi vizitatorii această tastă?Pentru că ori nu au acces la mouse, ori vor considera asta o metodă mai rapidă de navigare pe pagina dumneavoastră sau alte pagini, sau pentru că așa s-au obișnuit!Pentru că oricum e mai simplu așa!Atributul tabindex vă ajută să ordonați linkurile spre o mai bună accesibilitate folosind tasta ”tab”.

Taste de accesare

Tastele de accesare permit o navigare mai usoară în breasla linkurilor, utilizând o scurtătura pe tastatură, către un link (predominant ne referim la combinațiile de taste dintre ‘Alt’ sau ‘Ctrl’ plus tasta de legătură ).Cei care nu folosesc resursele normale (mouse), acestă metodă este una extrem de folositoare, făcând navigarea mult mai usoară!

Desigur nu este obligatoriu să folosiți inserarea unei taste de scurtătură, la orice link, dar dacă o faceți asupra celor care sunt principali, e chiar foarte bine!Ideea arată cam așa :

<a href=”opagina.html” accesskey=”o”>O pagină</a>

Problema cu acest atribut e următoarea, utilizatorul nu are de unde ști care e tasta corespunzătoare.Din acest motiv recomand o metodă simplă si eficientă, gândiți-vă că site-ul dumneavostră e ca oricare alt program din PC, și atunci dacă în orice program veți accesa meniul, alăturat de orice opțiune veți vedea o scurtătură de taste, în cazul paginii web puteți face la fel, adăugați o paranteză în care să precizați scurtătura!

Titlul link-urilor

Ar fi bine să adaugi la un link și atributul title, astfel vei oferi o descriere scurtă a locului unde îl vei trimite pe navigator, ceea ce desigur îl va mulțumi (pe cel care îl interesează)

Poți desigur să faci asta cu un mic ”pop-up” javascript, o fereastra, cu mesajul dorit!Un mic exemplu, desigur funcționează doar dacă individul are funcționalitățile javascrip, instalate în PC!

<a href=“http://google.com” onclick=“opennastypopup()” onkeypress=“opennastypopup()” title=“Fereastra JAVASCRIPT”>Iad</a>

Ferestrele POP-up

Așadar vorbind de Javascript, deschidem un pop-up dintr-un link, ca o fereastră nouă în browser, și dacă chiar dorești să oferi acest truc site-ului tău, fie că prietenii îți recomandă sau consideri tu că e mai cochet, poți face așa:

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

Normal unii nu vor avea javascript la browser, și atunci nui problemă, orientăm răspunsul la click pe link ca fiind fals(”return false”) și practic va vizualiza pagina iad.html într-o altă fereastră adică acel pop-up de care vorbim!Atributele cu care vă mai puteți juca cu acest magic truc ar fi onkeypress și onclick.

Link-uri învecinate

Link-urile ar putea fi separate de mai multe spații, dar e posibil ca citirea paginii să le amestece sau să le unească sau chiar să fie confuz navigatorul.

O soluție ar fi să le separi cu semne, fie o linie ( adica link | link ) sau cu paranteze pătrate ( adica [ link ] [ link ]).Este deasemenea o idee foarte bună să pui link-urile întro listă, cel mai ușor ai putea să o faci cu CSS-ul, oferind și un stil grupului de linkuri!

”Skip” la navigare

Tu poți oferi navigatorului multe detalii, să îl plimbi pe pagină după una, după alta, dar ținând cont că unii vor veni doar pentru conținutul tău special, ar trebui să le scurtezi navigarea sau introducerea prezentată, să îi trimiți direct la conținut, asta reușindu-ți doar daca plasezi un link direct către conținut.

O astfel de mișcare ar trebui să arate așa:

<div id=“intro”>
<h1>Introducere</h1>
<a href=“#continut” accesskey=“n”>Skip navigare</a>
</div>
<div id=“navigare”>
<!–încarcarea întregului arsenal de navigare –>
</div>
<div id=“continut”>
<!–iubitul conținut –>
</div>