WCAG 2.4.1 Ocolirea blocurilor

Criteriul de succes 2.4.1 îi scutește pe utilizatorii de tastatură și de cititoare de ecran să treacă pe fiecare pagină prin același antet, meniu și bară promoțională înainte de a ajunge la conținut. Într-un magazin cu un mega meniu mare, asta poate însemna zeci de apăsări pe Tab pe fiecare pagină. Este de nivelul A și face parte din EN 301 549 (clauza 9.2.4.1). Legea 232/2022 se bazează pe standardul armonizat EN 301 549.

Ce cere criteriul

Este disponibil un mecanism pentru ocolirea blocurilor de conținut care se repetă pe mai multe pagini web.

WCAG nu impune o singură tehnică. Printre tehnicile suficiente enumerate de W3C se numără:

• un link în partea de sus a paginii care sare la conținutul principal („Salt la conținutul principal”);
• un link la începutul unui bloc repetat care sare la finalul acestuia;
• landmark-uri ARIA (<header>, <nav>, <main>, <footer> sau rolurile echivalente) care identifică regiunile paginii;
• titluri la începutul fiecărei secțiuni de conținut;
• meniuri care se extind și se restrâng.

În practică, un skip link împreună cu un landmark <main> corect îi acoperă atât pe utilizatorii care folosesc doar tastatura (care nu pot sări între landmark-uri fără instrumente suplimentare), cât și pe utilizatorii de cititoare de ecran.

Greșeli tipice într-un magazin online

• niciun skip link și un antet cu căutare, cont, listă de dorințe, coș, selector de monedă și un mega meniu cu 40 de linkuri înaintea conținutului;
• un skip link care trimite la o ancoră inexistentă sau la un element care nu poate primi focusul;
• un skip link care rămâne invizibil când are focusul;
• lipsa unui landmark <main> sau întreaga pagină construită doar din elemente <div>;
• o bară laterală lungă cu filtre pe paginile de categorie, fără posibilitatea de a sări direct la produse.

Cum se verifică

Automat: verificatorul nostru testează dacă pagina oferă cel puțin un mecanism de ocolire — un skip link, un landmark sau un titlu (regula bypass). Nu poate aprecia dacă linkul este vizibil la focus sau dacă duce în locul potrivit.

Manual: încărcați o pagină și apăsați o dată Tab. Ar trebui să apară un link „Salt la conținut”. Apăsați Enter, apoi din nou Tab: focusul ar trebui să ajungă la începutul conținutului principal, nu înapoi în meniu. Cu un cititor de ecran, afișați lista landmark-urilor și verificați că există exact o regiune main.

Cum se remediază

• Adăugați un skip link ca prim element focalizabil în layoutul temei, care trimite la <main id="main-content">.
• Asigurați-vă că ținta poate primi focusul (adăugați tabindex="-1" dacă este necesar), astfel încât focusul să se mute cu adevărat.
• Afișați skip link-ul când are focusul, cu un contrast bun.
• Folosiți landmark-uri semantice: <header>, <nav>, <main>, <footer>.
• Începeți fiecare secțiune de conținut cu un titlu real.

Criterii conexe

• 2.4.3 Ordinea focusului — skip link-ul ar trebui să fie primul în ordinea focusului.
• 2.4.6 Titluri și etichete — titlurile trebuie să descrie secțiunea.
• 2.4.7 Focus vizibil — skip link-ul trebuie să fie vizibil când are focusul.

Întrebări frecvente

Este obligatoriu un skip link conform WCAG 2.4.1?

Nu strict. WCAG cere un mecanism pentru ocolirea blocurilor repetate. Un link „Salt la conținutul principal” este cel mai frecvent; landmark-urile ARIA, precum main și nav, și titlurile de la începutul secțiunilor sunt, de asemenea, tehnici suficiente.

Poate fi ascuns skip link-ul?

Poate fi ascuns vizual până când primește focusul tastaturii, iar atunci trebuie să devină vizibil. Un link care rămâne invizibil când are focusul îi derutează pe utilizatorii de tastatură care văd ecranul.

Ce blocuri trebuie ocolite într-un magazin?

Conținutul repetat pe multe pagini: antetul, bara de anunțuri, navigarea principală și meniul extins (mega meniul) și, uneori, barele laterale lungi cu filtre dinaintea listei de produse.