Nodrošināt, ka jūsu WordPress vietne ir pieejama visiem lietotājiem neatkarīgi no viņu spējām vai palīgtehnoloģijām, uz kurām viņi var paļauties, ir gan atbildība, gan iespēja. Pieejams dizains uzlabo lietotāja pieredzi, potenciāli uzlabo SEO klasifikāciju un parāda jūsu apņemšanos nodrošināt iekļaušanu. Ja esat iesācējs pieejamības jomā, tas var šķist nepārvarami, taču šajā kontrolsarakstā pamata lietas ir sadalītas pārvaldāmās darbībās. Ievērojot šīs vadlīnijas, jums būs labi ceļā uz labvēlīgākas tiešsaistes vides izveidi.
1. Izvēlieties pieejamībai gatavu motīvu
Darbība: Atlasiet motīvu ar atzīmi “Gatavs pieejamībai” vai motīvu ar labu reputāciju paraugprakses ievērošanas jomā. Kāpēc: Šādi motīvi ir izstrādāti, ņemot vērā pieejamību, piedāvājot tādas funkcijas kā pareizas virsrakstu struktūras, fokusa indikatori un labs krāsu kontrasts. Padoms: Pirms apņemšanās pārbaudīt motīva demonstrāciju, izmantojot pieejamības rīkus.
2. Izmantojiet pareizas virsrakstu hierarhijas
Darbība: Sakārtojiet saturu, izmantojot virsrakstus loģiskā secībā: viens H1 lapas nosaukumam, kam seko H2 galvenajām sadaļām un H3/H4 apakšsadaļām. Kāpēc: Ekrāna lasītāji paļaujas uz virsrakstiem, lai palīdzētu lietotājiem ātri pārvietoties saturā. Padoms: Pārbaudiet galīgo lapas struktūru, skenējot virsrakstus, izmantojot WordPress redaktoru vai izmantojot pārlūkprogrammas paplašinājumu.
3. Pievienojiet attēliem aprakstošo alternatīvo tekstu
Darbība: Katram attēlam uzrakstiet īsu, aprakstošu alternatīvo tekstu, kas atspoguļo tā mērķi vai saturu. Kāpēc: Vājredzīgi lietotāji attēlu interpretēšanā paļaujas uz ekrāna lasītājiem. Aprakstošais alternatīvais teksts nodrošina, ka viņi nepalaiž garām svarīgu informāciju. Padoms: Ja attēls ir dekoratīvs, varat atstāt alternatīvo tekstu tukšu, lai palīgtehnoloģijas zinātu to izlaist.
4. Nodrošiniet pietiekamu krāsu kontrastu
Darbība: Izvēlieties teksta un fona krāsas, kas atbilst WCAG kontrasta vadlīnijām. Kāpēc: Pietiekams kontrasts palīdz lietotājiem ar vāju redzi viegli lasīt jūsu saturu. Rīks: Izmantot WebAIM kontrasta pārbaudītājs lai pārbaudītu savas izvēles.
5. Nodrošiniet skaidru un aprakstošu saites tekstu
Darbība: Izvairieties no neskaidra saites teksta, piemēram, “noklikšķiniet šeit” vai “uzziniet vairāk”. Tā vietā aprakstiet, kurp ved saite. Kāpēc: Skaidrs saites teksts palīdz ekrāna lasītāja lietotājiem izlemt, kurām saitēm sekot, neizmantojot papildu kontekstu. Piemērs: “Izpētiet mūsu WordPress pieejamības spraudņa iespējas”, nevis “Noklikšķiniet šeit, lai iegūtu vairāk informācijas”.
6. Izmantojiet pieejamās veidlapas
Darbība: Pārliecinieties, vai katram veidlapas laukam ir redzama, aprakstoša etiķete. Ja izmantojat vietturus, skaidrības labad iekļaujiet etiķeti. Kāpēc: Bez atbilstošām etiķetēm ekrāna lasītāja lietotājiem var būt grūti saprast katra veidlapas lauka mērķi. Padoms: Pārbaudiet savas veidlapas, izmantojot tikai tastatūras navigāciju, lai nodrošinātu, ka tās ir viegli aizpildāmas, neizmantojot peli.
7. Iespējojiet tastatūras navigāciju
Darbība: Pārbaudiet savu vietni, pārvietojoties tikai ar tastatūru (izmantojot taustiņu Tab, Shift+Tab un Enter). Kāpēc: Daudzi lietotāji nevar darboties ar peli. Nodrošinot, ka viņi var pārvietoties pa izvēlnēm, saitēm un veidlapām, izmantojot tikai tastatūru, jūsu vietne kļūst iekļaujošāka. Padoms: Pievienojiet izlaižamās saites (piemēram, “Pāriet uz saturu”), lai palīdzētu tastatūras lietotājiem pāriet tieši uz galveno apgabalu.
8. Pievienojiet multividei parakstus un atšifrējumus
Darbība: Nodrošiniet slēgtos parakstus videoklipiem un atšifrējumus audio saturam. Kāpēc: Lietotāji, kuri ir nedzirdīgi vai vājdzirdīgi, paļaujas uz parakstiem, savukārt atšifrējumi palīdz tiem, kuri kāda iemesla dēļ nevar piekļūt audio. Rīks: Platformas, piemēram, YouTube, piedāvā automātiskus parakstus, kurus varat uzlabot, lai nodrošinātu precizitāti.
9. Instalējiet pieejamības spraudni
Darbība: Izmantojiet īpašu pieejamības spraudni, lai identificētu izplatītas problēmas un palīdzētu jums to novērst. Kāpēc: Pieejamības spraudņi var izcelt trūkstošo alternatīvo tekstu, kontrasta problēmas, virsrakstu struktūras problēmas un daudz ko citu. Piemērs: Apsvērt WP Viens pieskāriens automatizētiem auditiem un ieteikumiem.
10. Regulāri pārbaudiet un atkārtoti pārbaudiet
Darbība: Veiciet periodiskas pārbaudes, izmantojot tādus automatizētus rīkus kā WAVE vai AXE, un pārbaudiet ar ekrāna lasītāju vai tikai tastatūras navigāciju. Kāpēc: Pievienojot jaunu saturu, varat ieviest jaunus pieejamības šķēršļus. Regulāra testēšana padara jūs proaktīvu, nevis reaģējošu. Padoms: Ja iespējams, iesaistiet lietotājus ar invaliditāti, jo viņu atsauksmes sniedz vērtīgu reālās pasaules ieskatu.
11. Pievienojot jaunu saturu, paturiet prātā pieejamību
Darbība: Katru reizi, kad augšupielādējat jaunu attēlu, pievienojat saiti uz lapu vai ieguljat videoklipu, atcerieties šos pieejamības principus. Kāpēc: Pieejamība ir nepārtraukts process. Labu ieradumu veidošana nodrošina, ka jūsu vietne paliek iekļaujoša, tai augot. Padoms: Apsveriet iespēju izveidot iekšēja satura stila rokasgrāmatu, lai standartizētu pieejamības praksi savā komandā.
12. Esiet informēts par standartu attīstību
Darbība: Sekojiet līdzi atjauninājumiem no W3C tīmekļa pieejamības iniciatīva un citi uzticami resursi. Kāpēc: Pieejamības vadlīnijas laika gaitā attīstās, un atjaunināšana nodrošina jūsu vietnes atbilstību. Padoms: Abonējiet pieejamības biļetenus vai sekojiet ekspertiem sociālajos medijos, lai būtu informēti.
Liekot to visu kopā
WordPress pieejamības uzlabošana ir ceļojums, nevis vienreizējs uzdevums. Izvēloties pieejamībai gatavus motīvus, pārdomāti strukturējot saturu un izmantojot rīkus un spraudņus, varat izveidot vietni, kas ir ērtāk lietojama ikvienam. Sāciet ar mazumiņu, pakāpeniski veiciet šīs darbības un regulāri novērtējiet savas vietnes pieejamību. Laika gaitā šie centieni atmaksāsies, pateicoties lielākai lietotāju apmierinātībai, plašākai mērķauditorijas sasniedzamībai un pārliecībai, ka esat veicis nozīmīgus pasākumus iekļaujoša dizaina virzienā.
