De ce contează săriți peste linkurile de navigare
Omiteți linkurile de navigare oferă mai multe beneficii:
- Utilizabilitate îmbunătățită: Reduce efortul necesar pentru a naviga prin meniuri pentru utilizatorii care se bazează pe tehnologii de asistență.
- Accesibilitate îmbunătățită: Asigură conformitatea cu regulile de accesibilitate precum WCAG și ADA.
- O experiență mai bună a utilizatorului: Face site-ul dvs. mai ușor de navigat pentru toți utilizatorii.
Ghid pas cu pas pentru adăugarea de link-uri de navigare ignorate
Pasul 1: Adăugați HTML pentru Skip Links
Adăugați codul HTML pentru un link de ignorare în partea de sus a fișierului antet al site-ului dvs.:
Treceți la conținutul principal
Asigurați-vă că href atributul indică ID-ul containerului principal de conținut.
Pasul 2: Adăugați un ID la conținutul principal
În tema dvs. WordPress, localizați containerul de conținut principal și adăugați un ID:
Pasul 3: Stilați linkul Skip
Stilați linkul de ignorare pentru a vă asigura că este vizibil atunci când este focalizat. Adăugați următorul CSS la tema dvs.:
.skip-link { poziție: absolut; sus: -40px; stânga: 0; fundal: #000; culoare: #fff; umplutură: 10px; text-decor: niciuna; indicele z: 100; } .skip-link:focus { sus: 0; }
Pasul 4: Testați linkul Skip
Utilizați o tastatură pentru a naviga pe site și verificați dacă linkul de ignorare apare și funcționează corect. Presa Tab să se concentreze pe link-ul de salt și Enter pentru ao activa.
Cele mai bune practici pentru ignorarea linkurilor de navigare
- Plasați mai întâi linkurile de ignorare: Asigurați-vă că linkul de ignorare este primul element focalizat de pe pagină.
- Utilizați etichete clare: Textul linkului trebuie să indice clar scopul său, de exemplu, „Săriți la conținutul principal”.
- Testare pe diferite dispozitive: Verificați funcționalitatea pe desktop-uri, tablete și dispozitive mobile.
Studii de caz: Omite link-urile în acțiune
Studiu de caz 1: Site educațional
O platformă educațională a implementat link-uri de ignorare, ceea ce a condus la o navigare mai bună pentru studenții care folosesc cititoare de ecran și o îmbunătățire cu 15% a scorurilor de accesibilitate.
Studiu de caz 2: Magazin de comerț electronic
Un comerciant online a adăugat linkuri de ignorare în meniul său de navigare, reducând ratele de respingere și îmbunătățind gradul de utilizare pentru utilizatorii de tastatură.
Întrebări frecvente: Adăugarea de linkuri de navigare pentru ignorare
Ce sunt linkurile de navigare pentru omitere?
Omite link-urile de navigare permit utilizatorilor să ocolească meniurile de navigare repetitive și să meargă direct la conținutul principal al paginii.
Sunt obligatorii linkurile de ignorare pentru conformitatea cu accesibilitatea?
Deși nu este obligatoriu în mod explicit, săriți linkurile ajută la îndeplinirea regulilor WCAG prin îmbunătățirea navigației pentru utilizatorii de tehnologie de asistență.
Pot adăuga linkuri de ignorare fără a edita codul?
Da, unele pluginuri de accesibilitate, cum ar fi Plugin de accesibilitate WP One Tap poate adăuga automat link-uri de ignorare.
Linkurile de ignorare funcționează pe dispozitivele mobile?
Da, atunci când este implementat corespunzător, săriți linkurile funcționează pe toate dispozitivele, inclusiv pe mobil.
Cum testez săriți linkurile de navigare?
Utilizați o tastatură pentru a naviga prin site-ul dvs. și asigurați-vă că linkul de ignorare este focalizat și funcțional.
