Miks on ligipääsetavad vormid olulised
Ligipääsetavad vormid lihtsustavad kasutajatel teabe esitamist ja toimingute tegemist. Peamised eelised on järgmised:
- Kaasatus: Tagab, et abitehnoloogiaid kasutavad kasutajad saavad vorme navigeerida ja esitada.
- Vastavus: Vastab ligipääsetavuse standarditele nagu WCAG ja ADA.
- Täiustatud kasutajakogemus: Parandab kõigi külastajate kasutatavust, vähendades vormilt lahkumise määra.
Samm-sammult juhend ligipääsetavate vormide kujundamiseks
1. samm: lisage vormiväljadele sildid
Sildid pakuvad vormiväljadele konteksti, tagades, et kasutajad mõistavad iga välja eesmärki. Sildid lisamiseks Elementoris tehke järgmist.
- Ava Elementori redaktor ja vali vormi vidin.
- Klõpsake igal väljal ja lubage silt valik.
- Kirjuta kirjeldavad sildid, nt „Täisnimi” „Nimi” asemel.
E-posti aadress
2. samm: kasutage kirjeldavaid kohatäideid
Kohatäited peaksid silte täiendama, mitte neid asendama. Kasutage neid vihjete või näidete andmiseks:
3. samm: veenduge õiges väljade järjekorras
Klaviatuuri kasutajad tuginevad loogilisele tabulaatorite järjekorrale. Veenduge, et teie vormiväljad järgiksid järjestikust järjekorda:
- Vormil navigeerimiseks kasutage
Tabvõti. - Veenduge, et fookuse indikaator oleks nähtav ja liiguks väljade vahel loogiliselt.
4. samm: esitage selged veateated
Kui kasutajad teevad vigu, peaksid veateated selgelt kirjeldama, mis valesti läks ja kuidas seda parandada. Elementoris:
- Luba vormi vidina seadetes valideerimisvalik.
- Kohanda veateateid, nt „Palun sisesta kehtiv e-posti aadress”.
5. samm: lisage ARIA atribuudid
ARIA (juurdepääsetavad rikkalikud internetirakendused) atribuudid parandavad vormide ligipääsetavust. Kasutage atribuute nagu aria-required ja aria-describedby:
Sisesta oma täisnimi
6. samm: testige vorme abitehnoloogiatega
Vormide testimiseks kasutage ekraanilugereid, näiteks NVDA-d või VoiceOverit. Veenduge, et kõik väljad, sildid ja veateated loetakse õigesti ette.
Ligipääsetavate vormide parimad tavad
- Kasutage nõutavaid indikaatoreid: Märkige kohustuslikud väljad selgelt tärniga (
*) ja selgitage selle tähendust. - Grupiga seotud väljad: Kasutage väljade komplekte ja legende seotud väljade rühmitamiseks, näiteks küsitlustes või mitmeastmelistes vormides.
- Pakkuge ligipääsetavaid captchasid: Kasutage traditsiooniliste captchade asemel ligipääsetavaid alternatiive, näiteks Google'i reCAPTCHA v3.
Juhtumiuuringud: ligipääsetavad vormid tegevuses
Juhtumiuuring 1: Veebipõhine registreerimine
Üks spordistuudio täiustas oma registreerimisvormi siltide ja veateadete lisamisega, mille tulemusel suurenes vormide esitamiste arv 20%.
Juhtumiuuring 2: Kontaktvorm
Kohalik ettevõte optimeeris oma kontaktvormi ekraanilugejate jaoks, mille tulemuseks oli klientidelt positiivne tagasiside ja päringute arvu suurenemine.
KKK: Ligipääsetavate vormide kujundamine Elementoris
Kas Elementoris vormide ligipääsetavaks muutmiseks on vaja kodeerimisoskusi?
Ei, Elementori vormividin võimaldab teil silte, kohahoidjaid ja veateateid lisada ilma kodeerimata. Täiustatud funktsioonide, näiteks ARIA atribuutide jaoks on HTML-i põhiteadmised abiks.
Kuidas saan oma vorme ligipääsetavuse osas testida?
Kasutage selliseid tööriistu nagu WAVE või testige käsitsi ekraanilugejate ja klaviatuuril navigeerimise abil.
Mis vahe on siltidel ja kohatäidetel?
Sildid kirjeldavad välja eesmärki, kohatäited aga annavad vihjeid või näiteid sisestatava teabe kohta.
Kas ligipääsetavad vormid on seadusega nõutud?
Jah, paljudes piirkondades peavad ligipääsetavad vormid vastama standarditele nagu WCAG ja ADA.
Millised pluginad aitavad ligipääsetavate vormide loomisel?
Pluginad nagu WPForms ja Ninja Forms seavad esikohale ligipääsetavuse ja integreeruvad hästi Elementoriga.
