Kāpēc pieejamām veidlapām ir nozīme?
Pieejamas veidlapas lietotājiem atvieglo informācijas sniegšanu un darbību veikšanu. Galvenās priekšrocības ietver:
- Iekļaušana: Nodrošina, lai lietotāji, kuri paļaujas uz palīgtehnoloģijām, varētu pārvietoties un iesniegt veidlapas.
- Atbilstība: Atbilst tādiem pieejamības standartiem kā WCAG un ADA.
- Uzlabota lietotāja pieredze: Uzlabo lietojamību visiem apmeklētājiem, samazinot veidlapu atmešanas līmeni.
Soli pa solim pieejamu veidlapu izstrādes rokasgrāmata
1. darbība: pievienojiet etiķetes veidlapas laukiem
Etiķetes nodrošina kontekstu veidlapas laukiem, nodrošinot, ka lietotāji saprot katra lauka mērķi. Lai Elementor pievienotu iezīmes:
- Atveriet Elementor redaktoru un atlasiet veidlapas logrīku.
- Noklikšķiniet uz katra lauka un iespējojiet etiķete variants.
- Rakstiet aprakstošas etiķetes, piemēram, “Pilns vārds”, nevis “Vārds”.
E-pasta adrese
2. darbība. Izmantojiet aprakstošos vietturus
Vietturiem ir jāpapildina etiķetes, nevis jāaizstāj tās. Izmantojiet tos, lai sniegtu padomus vai piemērus:
3. darbība: nodrošiniet pareizu lauka kārtību
Tastatūras lietotāji paļaujas uz loģisko ciļņu secību. Pārbaudiet, vai jūsu veidlapas lauki atbilst secīgā secībā:
- Pārvietojieties pa veidlapu, izmantojot
Tabatslēga. - Pārliecinieties, vai fokusa indikators ir redzams un loģiski pārvietojas pa laukiem.
4. darbība. Nodrošiniet skaidrus kļūdu ziņojumus
Ja lietotāji pieļauj kļūdas, kļūdu ziņojumos ir skaidri jāapraksta, kas radās nepareizi un kā to novērst. Programmā Elementor:
- Veidlapas logrīka iestatījumos iespējojiet validācijas opciju.
- Pielāgojiet kļūdu ziņojumus, piemēram, “Lūdzu, ievadiet derīgu e-pasta adresi”.
5. darbība. Pievienojiet ARIA atribūtus
ARIA (Accessible Rich Internet Applications) atribūti uzlabo veidlapu pieejamību. Izmantojiet atribūtus, piemēram aria-required un aria-describedby:
Ievadiet savu pilno vārdu
6. darbība. Testa veidlapas ar palīgtehnoloģijām
Izmantojiet ekrāna lasītājus, piemēram, NVDA vai VoiceOver, lai pārbaudītu savas veidlapas. Pārliecinieties, vai visi lauki, etiķetes un kļūdu ziņojumi tiek paziņoti pareizi.
Pieejamo veidlapu paraugprakse
- Izmantojiet nepieciešamos rādītājus: Skaidri atzīmējiet obligātos laukus ar zvaigznīti (
*) un paskaidrojiet tā nozīmi. - Ar grupu saistītie lauki: Izmantojiet lauku kopas un leģendas, lai grupētu saistītus laukus, piemēram, aptaujās vai daudzpakāpju veidlapās.
- Nodrošiniet pieejamas Captchas: Izmantojiet pieejamas alternatīvas tradicionālajām captchas, piemēram, Google reCAPTCHA v3.
Gadījumu izpēte: pieejamas veidlapas darbībā
1. gadījuma izpēte: tiešsaistes reģistrācija
Fitnesa studija uzlaboja savu reģistrācijas veidlapu, pievienojot etiķetes un kļūdu ziņojumus, kā rezultātā veidlapu iesniegšanas apjoms palielinājās par 20%.
2. gadījuma izpēte: saziņas veidlapa
Vietējais uzņēmums optimizēja savu saziņas veidlapu ekrāna lasītājiem, kā rezultātā klienti saņēma pozitīvas atsauksmes un palielinājās pieprasījumu skaits.
Bieži uzdotie jautājumi: pieejamu veidlapu izstrāde programmā Elementor
Vai man ir nepieciešamas kodēšanas prasmes, lai Elementor padarītu veidlapas pieejamas?
Nē, Elementor veidlapas logrīks ļauj bez kodēšanas pievienot etiķetes, vietturus un kļūdu ziņojumus. Papildu funkcijām, piemēram, ARIA atribūtiem, ir noderīgas HTML pamatzināšanas.
Kā es varu pārbaudīt savu veidlapu pieejamību?
Izmantojiet tādus rīkus kā WAVE vai pārbaudiet manuāli, izmantojot ekrāna lasītājus un tastatūras navigāciju.
Kāda ir atšķirība starp etiķetēm un vietturiem?
Etiķetes apraksta lauka mērķi, savukārt vietturi sniedz ieteikumus vai piemērus, kas jāievada.
Vai tiesību aktos ir nepieciešamas pieejamas veidlapas?
Jā, daudzos reģionos pieejamām veidlapām ir jāatbilst tādiem standartiem kā WCAG un ADA.
Kuri spraudņi var palīdzēt ar pieejamām veidlapām?
Spraudņi, piemēram, WPForms un Ninja Forms, piešķir prioritāti pieejamībai un labi integrējas ar Elementor.
