Menüüd on veebisaidi navigeerimise oluline osa, mis juhatavad kasutajaid olulistele lehtedele ja sisule. Menüüde ligipääsetavus on kaasava kasutuskogemuse loomiseks oluline. Selles juhendis juhendame teid ligipääsetavate menüüde kujundamise ja rakendamise protsessis WordPressis.
Miks on ligipääsetavad menüüd olulised
Ligipääsetavad menüüd tagavad, et kõik kasutajad, sealhulgas puuetega inimesed, saavad teie veebisaidil navigeerida. Peamised eelised on järgmised:
- Täiustatud kasutatavus: Lihtne navigeerimine kasutajatele, kes loodavad klaviatuurile või abitehnoloogiatele.
- Vastavus: Aitab täita WCAG ja ADA ligipääsetavuse standardeid.
- SEO eelised: Ligipääsetavad veebisaidid toimivad otsingumootorite edetabelis paremini.
Samm-sammult juhend ligipääsetavate menüüde loomiseks
1. samm: kasutage WordPressi sisseehitatud menüüsüsteemi
WordPress pakub võimsat menüükoostajat, mis toetab vaikimisi ligipääsetavust. Välimus> Menüüd oma armatuurlaual menüüde loomiseks või muutmiseks.
2. samm: lisage kirjeldavad menüüsildid
Veenduge, et igal menüüelemendil oleks selge ja kirjeldav silt. Vältige ebamääraseid termineid, näiteks „Klõpsake siin” või „Rohkem”.
Meist Meie teenused
3. samm: lubage klaviatuuril navigeerimine
Testi oma menüüd, kasutades Tab võti, et kõik üksused oleksid ligipääsetavad. Rippmenüüd peaksid klaviatuuri abil laienema ja sulguma.
4. samm: lisage ARIA rollid
ARIA rollid pakuvad konteksti abitehnoloogiatele. Kasutage rolle nagu menu ja menuitem parema navigeerimise jaoks.
Avaleht Võta meiega ühendust
5. samm: värvikontrasti testimine
Veenduge, et teie menüüs oleks teksti ja taustavärvide vahel piisav kontrast. Kasutage selliseid tööriistu nagu WAVE WCAG suuniste järgimise kontrollimiseks.
6. samm: lisage vahelejätmislingid
Vahelejätmislingid võimaldavad kasutajatel menüüdest mööda minna ja otse põhisisu juurde hüpata. Lisage oma lehtede ülaossa vahelejätmislink:
Jäta vahele ja mine põhisisu juurde
7. samm: optimeerige ekraanilugejate jaoks
Kasutage õiget HTML-struktuuri ja ARIA-atribuute, et ekraanilugejad saaksid teie menüüs tõhusalt navigeerida. Vältige mitte-semantiliste elementide, näiteks <div> menüüpunktide jaoks.
Ligipääsetavate menüüde parimad tavad
- Kasutage loogilist ja hierarhilist menüüstruktuuri.
- Veenduge, et rippmenüüd oleksid ligipääsetavad nii klaviatuuri kui ka hiirega.
- Esitage aktiivsete menüüüksuste visuaalsed fookuse indikaatorid.
- Testi oma menüüd mitmes seadmes ja brauseris.
Juhtumiuuringud: ligipääsetavad menüüd tegevuses
Juhtumiuuring 1: e-kaubanduse sait
Üks veebipood optimeeris oma menüüd klaviatuuri abil navigeerimise ja ekraanilugeja ühilduvuse jaoks. Need muudatused suurendasid konversioonimäära 20%.
Juhtumiuuring 2: Haridusplatvorm
Haridusaidi menüüdesse lisati ARIA rolle ja parandati kontrastsust, mille tulemusel vähenes põrkemäär 15%.
KKK: Ligipääsetavad menüüd
Mis teeb menüü ligipääsetavaks?
Ligipääsetav menüü on klaviatuuri abil navigeeritav, ekraanilugerite poolt loetav ning visuaalselt selge ja õige värvikontrastiga.
Millised pluginad aitavad luua ligipääsetavaid menüüsid?
Pluginatele meeldib OneTapi ligipääsetavuse plugin ja Max Mega menüü pakkuda WordPressi menüüdele ligipääsetavuse funktsioone.
Kuidas saan oma menüü ligipääsetavust testida?
Kasutage oma menüü ligipääsetavuse hindamiseks ja vajalike muudatuste tegemiseks selliseid tööriistu nagu WAVE, Lighthouse või Axe DevTools.
Miks on klaviatuuril navigeerimine menüüdes oluline?
Klaviatuuri abil navigeerimine tagab, et ka need kasutajad, kes ei saa hiirt kasutada, saavad teie saidil tõhusalt navigeerida.
Mis on ARIA rollid ja miks need on olulised?
ARIA rollid pakuvad abitehnoloogiatele lisateavet, parandades menüüde kasutatavust ekraanilugeri kasutajatele.
