Padariet savu vietni pieejamu tikai ar vienu klikšķi – uzticas vairāk nekā 60,000 tīmekļa vietnes visā pasaulē

Kā WordPress izvēlnēm pievienot izlaistās navigācijas saites

publicēja

Marlēna Fihtnere

Augšupielādēts plkst.

Janvāris 6, 2025

Bezmaksas pieejamības kontrolsaraksts
Saņemiet bezmaksas kontrolsarakstu ar svarīgākajām pieejamības pārbaudēm.
Izlaist navigācijas saites ir būtiskas, lai uzlabotu jūsu WordPress vietnes pieejamību. Tie ļauj lietotājiem, īpaši tiem, kas izmanto ekrāna lasītājus vai tastatūras navigāciju, apiet atkārtotas izvēlnes un tieši piekļūt galvenajam saturam. Izlaižamo saišu pievienošana uzlabo lietojamību un nodrošina atbilstību tādiem pieejamības standartiem kā WCAG.

Kāpēc ir svarīgi izlaist navigācijas saites?

Izlaist navigācijas saites sniedz vairākas priekšrocības:

  • Uzlabota lietojamība: Samazina piepūli, kas nepieciešama, lai pārvietotos pa izvēlnēm lietotājiem, kuri paļaujas uz palīgtehnoloģijām.
  • Uzlabota pieejamība: Nodrošina atbilstību pieejamības vadlīnijām, piemēram, WCAG un ADA.
  • Labāka lietotāja pieredze: Padara jūsu vietni vieglāk orientējamu visiem lietotājiem.

Soli pa solim ceļvedis izlaistās navigācijas saišu pievienošanai

1. darbība. Pievienojiet HTML izlaišanas saitēm

Pievienojiet HTML izlaišanas saitei savas vietnes galvenes faila augšdaļā:

Pāriet uz galveno saturu

Nodrošiniet href atribūtu punktus uz jūsu galvenā satura konteinera ID.

2. darbība. Pievienojiet ID galvenajam saturam

Savā WordPress motīvā atrodiet galveno satura konteineru un pievienojiet ID:

    

3. darbība: izveidojiet izlaistās saites stilu

Veidojiet izlaistās saites stilu, lai nodrošinātu, ka tā ir redzama fokusā. Pievienojiet savam motīvam šādu CSS:

.skip-link { pozīcija: absolūta; augšpusē: -40 pikseļi; pa kreisi: 0; fons: #000; krāsa: #fff; polsterējums: 10 pikseļi; teksta noformējums: nav; z-indekss: 100; } .skip-link:focus { top: 0; }

4. darbība: pārbaudiet izlaist saiti

Izmantojiet tastatūru, lai pārvietotos savā vietnē un pārbaudītu, vai izlaišanas saite parādās un darbojas pareizi. Nospiediet Tab lai koncentrētos uz izlaišanas saiti un Enter lai to aktivizētu.

Paraugprakse navigācijas saišu izlaišanai

  • Vispirms novietojiet izlaistās saites: Pārliecinieties, vai izlaišanas saite ir pirmais fokusējamais elements lapā.
  • Izmantojiet skaidras etiķetes: Saites tekstam skaidri jānorāda tās mērķis, piemēram, “Pāriet uz galveno saturu”.
  • Testēšana dažādās ierīcēs: Pārbaudiet funkcionalitāti galddatoros, planšetdatoros un mobilajās ierīcēs.

Gadījumu izpēte: izlaist saites darbībā

1. gadījuma izpēte: izglītojoša vietne

Izglītības platforma ieviesa izlaižamās saites, kā rezultātā skolēniem, kuri izmanto ekrāna lasītājus, tika nodrošināta labāka navigācija, un pieejamības rādītāji uzlabojās par 15%.

2. gadījuma izpēte: e-komercijas veikals

Tiešsaistes mazumtirgotājs savai navigācijas izvēlnei pievienoja izlaižamās saites, samazinot atlēcienu līmeni un uzlabojot lietojamību tastatūras lietotājiem.

Bieži uzdotie jautājumi: Izlaistās navigācijas saišu pievienošana

Kas ir izlaistās navigācijas saites?

Izlaist navigācijas saites ļauj lietotājiem apiet atkārtotas navigācijas izvēlnes un pāriet tieši uz lapas galveno saturu.

Vai ir nepieciešamas izlaistās saites, lai nodrošinātu atbilstību pieejamībai?

Lai gan tas nav īpaši pieprasīts, izlaistās saites palīdz izpildīt WCAG vadlīnijas, uzlabojot navigāciju palīgtehnoloģiju lietotājiem.

Vai varu pievienot izlaižamās saites, nerediģējot kodu?

Jā, daži pieejamības spraudņi, piemēram, WP One Tap pieejamības spraudnis var automātiski pievienot izlaišanas saites.

Vai izlaistās saites darbojas mobilajās ierīcēs?

Jā, ja tās ir pareizi ieviestas, izlaistās saites darbojas visās ierīcēs, tostarp mobilajās ierīcēs.

Kā pārbaudīt izlaistās navigācijas saites?

Izmantojiet tastatūru, lai pārvietotos pa vietni un nodrošinātu, ka izlaišanas saite ir fokusējama un funkcionāla.

Šis emuāra ieraksts ir paredzēts tikai informatīviem nolūkiem un nav uzskatāms par juridisku konsultāciju. Mēs nesniedzam nekādas garantijas par satura precizitāti, pilnīgumu vai piemērojamību. Pieejamības prasības var atšķirties atkarībā no jurisdikcijas un lietošanas gadījuma. Ciktāl to atļauj likums, mēs neuzņemamies nekādu atbildību, kas izriet no sniegtās informācijas izmantošanas. 

Saistītie raksti

Labākais viktorīnas spraudnis WordPress

Interaktīvas viktorīnas ir viens no spēcīgākajiem rīkiem iesaisti, potenciālo klientu piesaisti un…

Kā optimizēt daudzvalodu WordPress vietņu pieejamību

Pieejamības nodrošināšana daudzvalodu WordPress vietnēs ir ļoti svarīga, lai radītu iekļaujošu tīmekļa pieredzi…

Kā programmā WordPress izveidot pieejamus attēlu karuseļus

Attēlu karuseļi ir vizuāli saistoši elementi, kas var uzlabot jūsu WordPress vietnes pievilcību…

Kā novērst pieejamības problēmas trešo pušu WordPress motīvos

Trešo pušu WordPress tēmām bieži vien ir iespaidīgs dizains, taču tām var trūkt iebūvētu pieejamības funkciju.…

Kā nodrošināt pieejamību WordPress emuāra ziņās

Pieejamība emuāra ierakstos nodrošina, ka jūsu saturs ir iekļaujošs un izmantojams visiem…

Kā noformēt pieejamas veidlapas programmā Elementor

Piekļūstamu veidlapu izveide pakalpojumā Elementor nodrošina, ka visi lietotāji, tostarp cilvēki ar invaliditāti, var…

Soli pa solim: WooCommerce pieejamības problēmu novēršana

WooCommerce ir populāra platforma tiešsaistes veikalu izveidei, taču tās pieejamības nodrošināšana ir…

Kā pārbaudīt pieejamību, izmantojot ekrāna lasītājus pakalpojumā WordPress

WordPress vietnes testēšana ar ekrāna lasītājiem ir ļoti svarīga, lai nodrošinātu tās pieejamību…

Padariet savu vietni pieejamu jau šodien

Vairāk nekā 60,000 1 vietņu uzticas šim spraudnim — izveidots Eiropā. OneTap ir WordPress pieejamības spraudnis Nr. 1. Uzlabojiet pieejamību XNUMX minūtē — kodēšana nav nepieciešama.
1
Izvēlieties savu paketi
2
Lejupielādēt Plugin
3
Instalēt ar 1 klikšķi
Pabeigts
1
Izvēlieties Package
2
Lejupielādēt Plugin
3
instalēt
Pabeigts
Bezmaksas pieejamības kontrolsaraksts WordPress

Kādas kļūdas lielākajā daļā WordPress vietņu pieļauj — un kā tās labot. Iegūstiet praktisku, soli pa solim sniegtu kontrolsarakstu, lai savā WordPress vietnē pamanītu bieži sastopamas pieejamības problēmas.