ACCESIBILITATE ≠ OVERLAY · 37
Linkuri accesibile: să știi unde ajungi înainte de a face clic
📅 10 noiembrie 2026 · ⏱ 6 min de lectură
Un link trebuie să ajute la luarea unei decizii, nu să oblige la ghicit. Textul, contextul și comportamentul determină dacă persoana se poate orienta cu cititor de ecran, tastatură, voce sau mărire.
01. Când toate drumurile se numesc „aici”
Imaginați-vă o pagină de servicii cu opt linkuri numite „mai multe informații”. Privind întreaga pagină, poate asociați fiecare link cu propriul card. Dar persoana care ascultă o listă de linkuri poate primi opt nume identice. Trebuie să revină la conținut, să găsească fiecare bloc și să reconstruiască relația cu destinația. O operațiune simplă devine o căutare inutilă.
Problema nu afectează doar persoanele nevăzătoare. La mărire poate fi vizibilă numai o parte a cardului; utilizatorul tastaturii trebuie să decidă dacă fiecare oprire este relevantă. Un link descriptiv reduce efortul înainte de activare. Întrebarea utilă este ce poate anticipa persoana cu informațiile disponibile efectiv, nu cu întregul aranjament cunoscut de proiectant.
02. Descrieți scopul, nu o comandă goală
„Consultați programul serviciului” permite anticiparea destinației mai bine decât „faceți clic aici”. „Descărcați ghidul de înscriere” explică mai mult decât „descărcați”. Nu trebuie să transformați fiecare link într-o frază interminabilă. Alegeți cuvintele care disting resursa și evitați repetarea întregului paragraf. Concizia funcționează când păstrează informația necesară alegerii.
Textul trebuie să corespundă conținutului de destinație. Dacă „Tarifele serviciului” deschide o pagină comercială fără tarife, numele nu rezolvă sarcina. Verificați linkurile după actualizarea documentelor sau reorganizarea paginilor. Un nume corect anterior poate deveni înșelător, chiar dacă adresa încă funcționează. Precizia editorială face parte din accesibilitate și întreținere. Etichetele trebuie revizuite împreună cu resursele descrise.
03. Context valid și înțelegere fără context
WCAG 2.2 diferențiază înțelegerea scopului linkului în context de cerința mai strictă de a-l înțelege numai din nume. Criteriul 2.4.4, nivel A, permite combinarea textului cu un context determinabil de software. Un paragraf asociat, un element de listă sau o celulă de tabel pot furniza informații relevante.
Prin urmare, „citește mai mult” nu constituie automat o încălcare în orice situație. Examinați asocierea reală, nu doar apropierea vizuală. Chiar dacă acel context satisface criteriul, un nume specific facilitează de obicei listele de linkuri și explorarea rapidă. Separați evaluarea conformității de alegerea unei experiențe mai clare. O recomandare utilă nu trebuie transformată într-o regulă inventată, iar un card frumos nu dovedește o relație programatică.
04. Numele vizibil și cel anunțat trebuie să corespundă
Numele accesibil poate proveni din text, imagine sau un mecanism precum aria-label. Dacă eticheta vizibilă spune „Contact”, dar numele accesibil este complet diferit, persoana care folosește control vocal poate întâmpina dificultăți când rostește ceea ce vede. Criteriul 2.5.3 cere ca numele să conțină textul etichetei vizibile atunci când se aplică.
Prima opțiune este, de regulă, îmbunătățirea textului vizibil pentru toată lumea. Evitați descrierile ascunse lungi adăugate peste tot fără verificarea numelui rezultat. Atributul title nu trebuie să fie nici singurul loc în care explicați destinația: accesul diferă între dispozitive. Inspectați numele calculat și ascultați cum este anunțat în interfața reală, inclusiv eventualele repetări sau formulări neașteptate.
05. O imagine cu link are și ea un scop
Dacă imaginea este singurul conținut al unui link, alternativa textuală trebuie să transmită funcția acelui link. Pentru un logo care duce la pagina principală contează identificarea navigării, nu descrierea fiecărei curbe a desenului. O lupă cu link nu ar trebui să primească numele unui fișier precum „pictograma-finala-2.svg”. Descrieți funcția pe care vizitatorul o poate alege efectiv.
Când imaginea și textul fac parte din același link, iar textul explică deja scopul, o imagine decorativă poate avea alternativa goală pentru evitarea repetițiilor. Verificați și cardurile cu imagine, titlu și buton către aceeași resursă. Mai multe linkuri consecutive pot crea opriri redundante. Căutați o soluție coerentă fără linkuri imbricate și fără pierderea semanticii sau interacțiunii native a întregului container.
06. Linkurile și butoanele au sarcini diferite
Un link navighează către o resursă sau o locație. Un buton execută o acțiune, precum deschiderea unui panou sau trimiterea unui formular. Pot arăta similar, dar comportamentul și așteptările diferă. Folosiți elemente native potrivite funcției. Un link fără destinație reală nu este o soluție universală pentru toate controalele.
Nu înlocuiți această bază cu un div având un eveniment de clic și un rol improvizat. Ar trebui implementate și focalizarea, activarea cu tastatura și alte comportamente deja oferite de elementul nativ. Verificați că linkurile funcționează cu Enter și butoanele respectă interacțiunea așteptată. Tehnologia trebuie să sprijine sarcina, nu să oblige persoana să descopere un comportament diferit la fiecare componentă a interfeței.
07. Descărcări și schimbări de context previzibile
Dacă linkul conduce la un document, identificați clar subiectul. Formatul și, când este utilă, dimensiunea ajută persoana să decidă dacă deschide resursa pe telefon sau cu o conexiune limitată. „Ghid de înscriere, PDF” comunică mai mult decât o adresă lungă ori o pictogramă neexplicată. Informația trebuie să existe înaintea alegerii.
Evitați deschiderea de file noi doar din obișnuință. Când există un motiv, avertizarea despre comportament ajută orientarea. Această bună practică trebuie diferențiată de afirmația că orice filă nouă încalcă automat WCAG. Nici numele clar nu face fișierul accesibil. Un PDF fără structură păstrează barierele chiar cu un link perfect. Evaluați întregul traseu, de la alegerea resursei la consultarea conținutului.
08. Vizibilitate, focalizare și spațiu pentru activare
Linkurile din paragrafe trebuie identificate fără dependență exclusivă de culoare; sublinierea este adesea o soluție clară și stabilă. Verificați contrastul și evitați ca stările vizitat sau focalizat să facă textul ilizibil. Interacțiunea trebuie recunoscută înainte de deplasarea mouse-ului peste ea.
Parcurgeți linkurile cu Tab și Shift+Tab. Indicatorul de focalizare trebuie să fie vizibil, iar componenta care primește focalizarea nu trebuie ascunsă complet de conținut creat de site; WCAG 2.2 tratează ultimul caz în 2.4.11. Verificați și distanțele și cerințele aplicabile dimensiunii țintelor, cu excepțiile lor. Mărirea unei zone de activare nu trebuie să producă suprapuneri care activează accidental o altă destinație. Testați și aranjamentele înguste, nu doar ecranul mare.
09. Testați alegerea înainte de clic
Alegeți o sarcină reală: găsirea programului sau contactarea asistenței. Citiți numele linkurilor fără activare și notați destinația așteptată. Urmați apoi traseul și comparați așteptarea cu rezultatul. Repetați cu cititor de ecran, listă de linkuri, tastatură și mărire, în funcție de situație.
Instrumentele automate pot identifica anumite nume lipsă sau probleme de contrast, dar nu stabilesc dacă „mai multe informații” promite resursa corectă ori dacă traducerea păstrează sensul. Documentați ambiguitățile cu locația, numele anunțat și destinația așteptată. Nu evaluați întregul site pornind de la un singur link. Meniurile, cardurile, subsolul și articolele provin adesea din componente și decizii editoriale diferite. Fiecare trebuie analizat în contextul utilizării reale.
10. Corectați sursa și păstrați claritatea
În WordPress și Divi, verificați textul editorului, HTML-ul rezultat și numele accesibil. Corectați modulul comun când multe carduri repetă problema. Traduceți numele și verificați limba destinațiilor. O etichetă localizată ajută prea puțin dacă resursa trece neașteptat la altă limbă după activare.
Un overlay nu cunoaște singur intenția editorială a fiecărui link și nu garantează că un nume generic descrie resursa potrivită. Ajustările vizuale pot completa munca, dar nu înlocuiesc această decizie. Adăugați o întrebare simplă la verificare: poate persoana alege informat înainte de activare? Accesibilitatea se îmbunătățește când știe unde merge, ajunge la conținutul așteptat și poate continua independent. Repetați evaluarea când se schimbă șabloanele sau componentele comune.