10 moduri de a îmbunătăți accesibilitatea site-ului dvs. WordPress
Publicat: 2022-03-29
Accesibilitatea site-ului web înseamnă a vă asigura că site-ul dvs. este ușor de utilizat pentru toată lumea, indiferent de dizabilitățile lor fizice și situaționale sau de restricțiile economice. Doriți să vă asigurați că experiența pe site-ul dvs. este perfectă pentru toți utilizatorii, indiferent de circumstanțe.
Dacă acest aspect al site-ului dvs. web nu este remediat, este posibil să existe șanse mari să restricționați un număr bun din piața dvs. țintă doar pentru că aceștia nu pot accesa funcțiile cheie de pe pagina dvs. online.
Deși s-ar putea gândi în principal la cei cu dizabilități, și bineînțeles, acesta este un loc bun pentru a începe; Problemele de accesibilitate a site-ului web pot afecta circumstanțe situaționale temporare, cum ar fi:
- utilizatorii care trebuie să acceseze site-ul dvs. prin telefoanele lor mobile sau alte dispozitive cu ecran mic, folosind televizoare inteligente (televizoare) și altele asemenea;
- Vizitatori mai vechi de site-uri cu provocări diferite și în schimbare din cauza îmbătrânirii;
- Utilizatori care accesează site-ul dvs. într-o zonă prost iluminată; și
- Utilizatori care folosesc conexiuni lente la internet sau a căror lățime de bandă este scumpă din cauza țării sau a locului lor.
Cunoașterea peisajului larg și variat al provocărilor pe care trebuie să le abordați vă poate ajuta să creați soluții care pot funcționa. Următoarele sunt modalități cheie prin care puteți îmbunătăți accesibilitatea pe site-ul dvs
1. Faceți-vă conținutul controlabil prin voce
Recunoașterea vocii este o caracteristică care poate fi integrată într-un site web pentru a permite conținutului dvs. să fie controlat prin voce. Acestea includ formulare, butoane, linkuri și alte controale. Puteți integra un software de dictare care poate permite utilizatorilor care nu pot folosi mouse-ul sau tastatura să efectueze funcții pe site-ul dvs. folosind vocea.
Tot conținutul dvs. va trebui să fie codificat și proiectat corespunzător pentru ca acest lucru să funcționeze. În plus, veți avea nevoie de identificatori și etichete în codul sursă al site-ului care să se potrivească cu modul în care sunt reprezentate vizual pentru a clarifica ce control va fi activat prin comandă vocală.
2. Fii atent la alegerile tale de culoare
Milioane de oameni de pe tot globul sunt daltonici, așa că culorile pe care le folosiți ar trebui să țină cont de această realitate.
În plus, ar trebui să fiți atenți atunci când selectați rapoartele de culoare ale site-ului dvs. web și contrastul acestora. Opțiunile de contrast de culoare ar trebui să fie ridicate, de exemplu, folosind textul negru pe un fundal alb pentru a facilita citirea conținutului dvs. de către utilizatori, chiar dacă au anumite limitări vizuale.
3. Asigurați-vă că linkurile dvs. sunt subliniate
Mulți oameni au renunțat la regula „subliniază-ți linkurile” în ultima vreme, deoarece textul care nu este subliniat are mai mult atracție estetică decât cel subliniat. Acest lucru ar putea fi adevărat, dar sarcina principală a site-ului dvs. este aceea de funcționalitate. Aceasta înseamnă în toate lucrurile; ar trebui să prioritizați funcționalitatea.
Eliminarea sublinierii îngreunează utilizatorilor dvs. identificarea părților hyperlink ale contorului dvs. Dacă tot nu doriți să vă subliniați conținutul, atunci luați în considerare alte modalități de a vă face linkurile să iasă în evidență de restul copiei. Puteți utiliza text colorat sau aldine pentru a face acest lucru.
4. Adăugați etichete Alt la imagini
Pentru a îmbunătăți accesibilitatea site-ului dvs. web, va trebui să luați în considerare adăugarea „etichetelor alt” la toate imaginile de pe site-ul dvs.
Unele site-uri își folosesc textul alternativ ca parte a strategiei lor de optimizare pentru motoarele de căutare (SEO): în loc să-l folosească pentru a descrie o imagine cât mai pe scurt și cât de bine pot, folosesc spațiul pentru a introduce cuvinte cheie despre care cred că le vor ajuta site-ul să se clasifice. Evident, acest lucru nu are ca rezultat o experiență de lectură bună pentru un vizitator al site-ului web și doriți să evitați acest lucru pentru a vă menține site-ul accesibil.
Când cineva accesează site-ul dvs. prin intermediul unui cititor de ecran, iar site-ul dvs. nu are etichete alternative adăugate la conținutul său vizual, cititorul de ecran nu va putea explica cititorului ce este în imagine. O etichetă alt este ceea ce spune unui software de citire de ecran ce este într-o imagine și cum este relevant pentru conținutul din jur.
Pentru a adăuga etichete alt la imaginile de pe un site, trebuie să accesați câmpul Alt Text care se află în partea dreaptă a editorului și să scrieți o scurtă propoziție care descrie imaginea.

5. Păstrați-vă linkurile descriptive
Unii utilizatori vor folosi tehnologia de comandă vocală pentru a vă naviga pe site din cauza limitărilor vizuale. Deoarece acest segment de vizitatori ai site-ului dvs. va folosi cititoare de ecran pentru a accesa conținutul site-ului dvs., linkurile dvs. trebuie să fie mai contextuale.
În loc să spuneți ceva vag, cum ar fi „citiți mai multe”, este posibil să doriți să adăugați mai multe detalii pentru a vă contextualiza linkul, astfel încât utilizatorii să știe exact unde îi va conduce. Așadar, în loc să doar „citiți mai multe”, este posibil să doriți să adăugați mai multe detalii și să citiți ceva de genul „faceți clic aici pentru a citi mai multe despre cum vă poate ajuta echipa noastră”. În acest fel, unui utilizator care utilizează un cititor de ecran i se solicită să facă clic pe linkul furnizat.
6. Testați dimensiunea fontului pe diferite ecrane
Înainte de a da nodul actual, trebuie să vă accesați site-ul prin diferite dispozitive cu diferite dimensiuni de ecran, de exemplu, testând cum arată textul dvs. pe un computer personal (PC) și un telefon mobil, astfel încât să vă asigurați că este optimizat pentru ecrane mari și mici.
7. Adăugați linkuri de conținut principal
Dacă nu faceți nimic în privința asta, utilizatorii care folosesc cititoare de ecran vor avea timp obositor pe site-ul dvs. pur și simplu pentru că cititorii lor vor începe să vă citească site-ul de sus, în jos și, uneori, poate trece ceva timp înainte să înceapă să citească conținutul de care utilizatorul are nevoie. a citi.
Pentru a remedia acest lucru, atunci când vă creați site-ul WordPress, va trebui să inserați linkuri care să permită cititorilor de ecran să sară la conținutul principal al paginii dvs. Acest link poate fi adăugat la prima coloană a limbajului de marcare hipertext (HTML).
8. Oferiți alternative de text la conținutul vizual și audio
Adăugarea de subtitrări la conținutul dvs. poate ajuta persoanele cu deficiențe de auz să vă acceseze conținutul. Când publicați videoclipuri, podcasturi sau cărți audio pe site-ul dvs., asigurați-vă că ați adăugat text alternativ la acel conținut, astfel încât toată lumea să-l poată înțelege.
9. Activați indexarea filelor
Unii dintre utilizatorii dvs., în special cei cu abilități motorii limitate, vor răspunde adesea cu tasta Tab a tastaturii, în loc să navigheze pe site folosind un trackpad sau un mouse.
Pentru a găzdui acești utilizatori, asigurați-vă că site-ul dvs. este indexat. Acesta este momentul în care vă asigurați că toți utilizatorii pot accesa conținutul dvs. în ordinea dorită, stabilind ordinea elementelor conținutului dvs.

10. Proiectați site-uri pentru viteze reduse de internet
În timp ce utilizatorul obișnuit va avea viteze de internet mari până la medii atunci când accesează site-ul dvs., unii utilizatori se confruntă cu viteze de internet mai mici decât cele normale.
În plus, chiar și utilizatorii cu viteze de internet în general mari pot avea conexiuni neregulate din când în când. Proiectarea site-ului dvs. având în vedere acest lucru vă poate ajuta să vă mențineți site-ul accesibil oricui în orice moment.
S-ar putea să credeți că asta înseamnă că site-ul dvs. ar trebui să fie scris numai în text HTML, dar asta este departe de asta. Standardele de curgere pot include:
- Asigurați-vă că paginile dvs. nu au mai mult de 25 kb. Scopul dvs. ar trebui să fie să faceți ca datele site-ului să se încarce în aproximativ 15 secunde.
- Utilizați foi de stil în cascadă (CSS) pentru a reduce imaginile de pe site-ul dvs. și pentru a menține structura site-ului curată.
- Asigurați-vă că paginile site-ului dvs. pot fi stocate în cache, ceea ce reduce timpul de încărcare pentru vizitatorii care vă frecventează site-ul.
- Evitați linkurile către fișiere mari, cum ar fi PDF-uri, dar asigurați-vă că, dacă astfel de link-uri sunt necesare. afișați dimensiunea fișierului.
- Conținutul care se încarcă primul pe site-ul dvs. trebuie să fie foarte important, deoarece motivează cititorul să aștepte încă câteva secunde în timp ce alte informații se încarcă. Așa că asigurați-vă că puneți pe primul loc informațiile valoroase.
Concluzie
A face un site web accesibil implică multă planificare. Acest lucru este valabil indiferent dacă creați un site de la zero sau doriți să îl ajustați pe cel actual. Acordați-vă timp pentru a vă gândi la modul în care utilizatorii cu diferite limitări ar putea interacționa cu site-ul dvs. web și cum să-și îmbunătățească experiența.