Klaviatuuriga navigeerimine on veebi ligipääsetavuse oluline aspekt, mis võimaldab kasutajatel teie saidiga suhelda ainult klaviatuuri abil. See funktsioon on oluline liikumispuudega inimestele ja kasutajatele, kes vajavad abitehnoloogiaid. Selles juhendis uurime, kuidas lisada oma WordPressi saidile klaviatuuriga navigeerimist, tagades selle ligipääsetavuse ja kasutajasõbralikkuse.
Miks on klaviatuuril navigeerimine oluline
Klaviatuuri abil navigeerimine parandab kasutatavust ja tagab, et teie veebisait vastab ligipääsetavuse standarditele, näiteks WCAG-ile. Peamised eelised on järgmised:
- Kaasatus: Toetab puuetega kasutajaid ja neid, kes eelistavad klaviatuuril suhtlemist.
- Parem SEO: Otsimootorid seavad ligipääsetavad veebisaidid prioriteediks.
- Täiustatud kasutajakogemus: Parandab navigeerimist kõigi kasutajate jaoks, olenemata nende võimetest.
Samm-sammult juhend klaviatuuril navigeerimise lisamiseks
1. samm: kasutage semantilist HTML-i
Semantiline HTML pakub klaviatuuril navigeerimiseks kindla aluse. Kasutage interaktiivsete elementide (nt nuppude, linkide ja vormide) jaoks sobivaid silte.
Saada Lisateave
2. samm: veenduge, et fookusindikaatorid on nähtavad
Fookuse indikaatorid tõstavad esile hetkel fookuses oleva elemendi, aidates kasutajatel mõista oma asukohta lehel. Lisa oma stiililehele järgmine CSS:
nupp:fookus, a:fookus { kontuur: 2px solid #005fcc; kontuur-nihe: 2px; }
3. samm: testi vahekaartide järjekorda
Tabuleerimisjärjekord määrab, kuidas kasutajad teie saidil navigeerivad, kasutades Tab võti. Tagage loogiline voog, vaadates üle oma HTML-struktuuri ja kasutades tabindex atribuut vajadusel.
Alusta siit
4. samm: lisage vahelejätmise lingid
Vahelejätmislingid võimaldavad kasutajatel korduvat sisu vahele jätta ja otse põhisisu juurde hüpata. Asetage järgmine kood oma lehe ülaossa:
Jäta vahele ja mine põhisisu juurde
5. samm: ARIA rollide rakendamine
ARIA rollid pakuvad ekraanilugejatele lisakonteksti. Kasutage selliseid rolle nagu role="menu" ja role="menuitem" navigeerimise täiustamiseks.
Avaleht Meist
6. samm: testige oma saiti
Testige oma saiti käsitsi, kasutades Tab Oluline on tagada kõigi interaktiivsete elementide ligipääsetavus. Lisateabe saamiseks kasutage selliseid tööriistu nagu Lighthouse või WAVE.
Klaviatuuril navigeerimise parimad tavad
- Veenduge, et kõik interaktiivsed elemendid oleksid fokuseeritavad.
- Esitage selged ja nähtavad fookusnäitajad.
- Säilita kogu saidil loogiline tabulaatori järjekord.
- Kasutama
aria-labelatribuudid täiendava konteksti jaoks, kui see on vajalik.
Juhtumiuuringud: edukas klaviatuuril navigeerimise rakendamine
Juhtumiuuring 1: e-kaubanduse sait
Üks veebipood võttis kasutusele klaviatuuril navigeerimise ja fookuse indikaatorid. Need muudatused suurendasid konversioonimäära 18% ja parandasid kasutajate rahulolu.
Juhtumiuuring 2: Haridusblogi
Blogisse lisati vahelejätmislingid ja optimeeriti tabulaatorijärjestus, vähendades põrkemäärasid 15% ja parandades ligipääsetavuse tagasiside skoori.
KKK: Klaviatuuriga navigeerimine
Miks on klaviatuuril navigeerimine oluline?
Klaviatuuriga navigeerimine tagab, et teie saiti saavad kasutada ka inimesed, kes ei saa hiirt kasutada, suurendades kaasatust ja ligipääsetavust.
Kuidas klaviatuuril navigeerimist testida?
Kasuta Tab võti saidil navigeerimiseks ja kõigi interaktiivsete elementide ligipääsetavuse ja loogilisuse kontrollimiseks.
Millised tööriistad aitavad ligipääsetavuse testimist?
Tööriistad nagu Lighthouse, WAVE ja Axe DevTools pakuvad üksikasjalikke ligipääsetavuse auditeid ja soovitusi.
Mis on ARIA rollid ja miks need kasulikud on?
ARIA rollid pakuvad abitehnoloogiatele lisateavet elementide kohta, parandades navigeerimist ja kasutatavust.
Kas ma saan fookuse indikaatoreid kohandada?
Jah, kasutage fookusindikaatorite kujundamiseks CSS-i, et need sobiksid teie saidi kujundusega, säilitades samal ajal nähtavuse.
