Cum să vă faceți site-ul WordPress mai accesibil

Când vine vorba de lansarea unui site web WordPress, trebuie să rețineți că vizitatorii de tot felul vor trece pe aici.

Mai important, nu toți vizitatorii site-ului dvs. vor putea face lucrurile simple pe care unii le consideră de la sine înțelese, cum ar fi să miște mouse-ul, să vadă schema de culori a site-ului sau să asculte conținut video. Deci, dacă doriți să vă stabiliți o reputație solidă în industria dvs., să creșteți conversiile și să faceți ceea ce trebuie, va trebui să vă concentrați pe accesibilitatea WordPress.

Din acest motiv, astăzi vă prezentăm cele mai simple modalități de a vă face site-ul WordPress mai accesibil , astfel încât oamenii să vă poată explora site-ul cu ușurință – indiferent de ce .

Asadar, haideti sa începem.

Ce este accesibilitatea WordPress?

Accesibilitatea WordPress înseamnă să vă puneți site-ul web și conținutul la dispoziția tuturor utilizatorilor , inclusiv a celor cu dizabilități.

Nu sunteți sigur că acest lucru se aplică publicului dvs. țintă?

Gandeste-te la asta. Potrivit National Service Inclusion Project, doar în Statele Unite există 48,9 milioane de persoane cu dizabilități. Extindeți-l la nivel mondial și sunt șansele ca o parte semnificativă a vizitatorilor site-ului dvs. să aibă un fel de afectare care le afectează capacitatea de a vă explora site-ul în modul în care ați dorit.

Inițiativa de accesibilitate web afirmă că a face site-ul dvs. mai accesibil va ajuta următoarele grupuri de persoane:

• Persoanele în vârstă
• Persoane cu dizabilități temporare, inclusiv ochelari pierduti sau un membru rupt
• Cei cu deficiențe de vedere sau auz
• Persoane cu conexiuni lente la internet
• Cei cu limitări situaționale, cum ar fi cei care vă accesează site-ul într-o zonă luminoasă sau într-un mediu în care nu pot asculta sunetul site-ului
• Cei cu probleme cognitive, cum ar fi dislexia, care afectează capacitatea unei persoane de a citi conținutul scris

Înainte de a merge mai departe, luăm, de exemplu, Blinkee.com:

Între fontul minuscul și luminile intermitente, există o mulțime de vizitatori ai site-ului care se vor chinui să citească conținutul, să navigheze pe site sau să se poată concentra pe ceva important pentru mai mult de câteva secunde.

Vezi ce ne referim? Accesibilitatea site-ului web este mult mai importantă decât doresc mulți să admită.

Dar de ce ar trebui să-ți pese de accesibilitatea WordPress?

S-ar putea să vă gândiți că site-ul dvs. WordPress nu seamănă deloc cu Blinkee.com. Și, deși acesta este un lucru bun, încă nu ești clar.

Iată câteva dintre cele mai convingătoare motive pentru care să vă pese de accesibilitatea site-ului:

• Cei cu dizabilități au șanse de trei ori mai puține să intre online decât cei fără, ceea ce înseamnă că pierzi oportunități uriașe de a converti o mare parte a potențialilor clienți
• Google și alte motoare de căutare majore recompensează site-urile care sunt accesibile clasându-le mai sus în clasamentele de căutare
• Au fost depuse mii de cazuri de accesibilitate web de la prima urmărire a acestor tipuri de cazuri în 2015, ceea ce înseamnă că site-ul dvs. poate fi expus unui proces

După cum puteți vedea, indiferent de tipul de site web pe care îl aveți, puteți pierde foarte mult prin înstrăinarea unei părți a publicului țintă.

Sfaturi pentru a vă face site-ul mai accesibil

1. Testează accesibilitatea site-ului tău WordPress

Înainte de a începe să faceți modificări site-ului dvs. pentru a-l face mai accesibil, cel mai bine este să vedeți cât de accesibil este acum.

Acest lucru se face cu ușurință folosind un instrument precum Instrumentul de evaluare a accesibilității web (WAVE). Cu acesta, veți putea evalua accesibilitatea site-ului dvs. prin simpla introducere a adresei URL a site-ului dvs.

După ce a fost evaluat, WAVE va afișa pictograme diferite, cu coduri de culori, care reprezintă secțiuni ale site-ului dvs. care sunt în regulă, necesită îmbunătățiri sau sunt erori reale. Dacă faceți clic pe o pictogramă, veți avea acces la o descriere detaliată a ceea ce trebuie reparat.

2. Alegeți cu atenție schemele de culori

Una dintre cele mai bune modalități de a vă marca site-ul și de a vă stabili în afara concurenței este să utilizați o anumită schemă de culori. Dar dacă vizitatorii site-ului care ajung pe site-ul dvs. sunt daltonici sau au o vedere limitată, nu se vor putea bucura de culorile site-ului dvs. la fel de bine cum ar trebui.

Luați, de exemplu, acest exemplu simplu de contrast de culoare:

Este destul de greu să vezi textul scris în prima imagine, nu? Și s-ar putea să nu aveți nici măcar o dizabilitate care să afecteze modul în care vedeți această imagine.

Acum imaginați-vă că sunteți unul dintre cele 300 de milioane de oameni din lume care suferă de daltonism.

În plus față de urmărirea schemelor de culori contrastante, este, de asemenea, important să evitați utilizarea schemelor de culori contradictorii. Doar pentru că contrastul nu este groaznic , nu înseamnă că culorile merg bine împreună.

Pentru a ajuta la echilibrarea culorilor site-ului dvs. WordPress, consultați acest instrument online gratuit numit Contrast Checker.

Pur și simplu alegeți o culoare de prim plan și de fundal și lăsați instrumentul să determine dacă culorile sunt echilibrate corect sau nu. Dacă nu este, instrumentul vă va anunța:

3. Utilizați un plugin de accesibilitate WordPress

Dacă vrei să faci lucrurile cu adevărat ușor pentru tine, poți oricând să folosești un plugin de accesibilitate WordPress dedicat pentru a-ți evalua site-ul și a te asigura că este accesibil tuturor oamenilor.

Un astfel de plugin este WP Accessibility. Acest plugin vă ajută să identificați problemele comune de accesibilitate în temele WordPress și să le remediați pentru a îmbunătăți gradul de utilizare a site-ului dvs.

Unele dintre caracteristicile sale includ:

• Eliminarea atributului țintă din linkuri
• Eliminarea atributelor titlului din imaginile inserate în conținut
• Adăugarea titlurilor postărilor la link-urile standard „citește mai mult”.
• Adăugarea de etichete la câmpurile standard de formular WordPress dacă lipsesc
• Eliminarea tabindex din elementele care pot fi focalizate
• Afișarea unui contrast de culoare între două valori de cod hexadecimal
• Și mult mai mult

În plus, WP Accessibility va adăuga o bară de instrumente pentru a comuta între vizualizările cu contrast ridicat, tipărire mari și în tonuri de gri ale temei dvs., va aplica atributele alt pe toate imaginile și chiar va adăuga atribute de limbă și direcție a textului atributelor dvs. HTML.

Alternativ, puteți opta pentru o platformă de accesibilitate dedicată, cum ar fi accessiBe. Partea bună a acestui tip de platformă este că funcționează în afara WordPress.

4. Folosiți o temă accesibilă

Dacă doriți să evitați să remediați problemele de accesibilitate de la început, ar trebui să utilizați o temă WordPress accesibilă.

Desigur, acest lucru este uneori mai ușor de spus decât de făcut. Acestea fiind spuse, dacă răsfoiți Depozitul oficial WordPress, puteți găsi câteva teme grozave ( și gratuite! ) care folosesc un design accesibil. Tot ce trebuie să faceți este să utilizați filtrul de caracteristici și să căutați teme care sunt etichetate ca fiind gata pentru acces.

Cu toate acestea, recomandarea noastră este Kadence. Această temă are o versiune gratuită, dar este disponibilă și o versiune premium cu funcții suplimentare.

Dacă alegeți o temă accesibilă pentru site-ul dvs. WordPress, site-ul dvs. va fi pregătit pentru toți utilizatorii în ceea ce privește navigarea, stilul linkurilor, schemele de culori și multe altele.

5. Adăugați text alternativ la toate imaginile

Adăugarea de text alternativ la imaginile site-ului dvs. nu este doar pentru a crește clasamentul în căutare. Desigur, textul alternativ din imagini oferă crawlerilor motoarelor de căutare o mai bună înțelegere a site-ului dvs. și vă ajută să vă clasați în cele mai relevante rezultate ale căutării.

Dar adăugarea de text alternativ la imaginile dvs. va ajuta, de asemenea, persoanele cu dizabilități să aibă o experiență de utilizator mai bună pe site-ul dvs. De fapt, textul alternativ pe care îl adăugați la imaginile dvs. le permite celor cu dizabilități să vă „citească” imaginile dacă folosesc un cititor de ecran pentru a-i ajuta să navigheze pe internet.

Așadar, adăugați text alternativ la toate imaginile site-ului dvs. WordPress. Și asigurați-vă că sunt descriptive și includ cuvinte cheie, astfel încât un cititor de ecran să poată citi utilizatorilor într-un mod care să aibă sens.

6. Faceți site-ul dvs. prietenos cu tastatura

O altă modalitate excelentă de a veni în întâmpinarea celor cu dizabilități și de a face site-ul dvs. WordPress mai accesibil este să vă faceți site-ul prietenos cu tastatura. Cu alte cuvinte, vizitatorii site-ului dvs. ar trebui să poată accesa următoarele elemente ale site-ului:

• Elemente de meniu
• Legături
• Butoane
• Câmpuri formular

Nu sunteți sigur dacă site-ul dvs. este în prezent compatibil cu tastatura? Pentru a verifica, tot ce trebuie să faceți este să vă vizitați site-ul web și să vedeți dacă îl puteți naviga fără a folosi mouse-ul. În schimb, faceți clic pe butonul Tab și vedeți ce se întâmplă.

WordPress.org face o treabă excelentă făcând site-ul său accesibil tuturor utilizatorilor. De fapt, când parcurgeți site-ul, veți vedea o formă de linie punctată în jurul fiecărui element de meniu în care treceți.

7. Formatați corect câmpurile formularului

Este tentant să plasați etichete de câmpuri de formular în casetele de câmp pentru a face site-ul dvs. să arate mai organizat și mai curat. Cu toate acestea, unele cititoare de ecran nu pot identifica și citi aceste tipuri de etichete. Acest lucru face dificil, dacă nu imposibil, pentru cei care se bazează pe cititoare de ecran să vizualizeze și să completeze câmpurile de formular ale site-ului dvs. Acest lucru înseamnă, de asemenea, o pierdere a conversiilor, care poate face ravagii succesului tău.

Dacă te bazezi foarte mult pe înscrierile vizitatorilor site-ului pentru a câștiga bani sau pentru a crește numărul de urmăritori, a nu face câmpurile de formular accesibile crește șansele de a înstrăina o parte din publicul țintă. Pentru a remedia acest lucru, plasați etichetele câmpurilor de formular în afara fiecărei casete.

8. Fiți conștienți de stilul link-urilor

Deși culorile pe care le atribuiți hyperlink-urilor site-ului dvs. sunt adesea alese în scopuri de branding, rețineți că persoanele cu dizabilități au nevoie de un contrast clar când vine vorba de hyperlinkuri.

Iată o listă cu câteva sfaturi utile pentru a face linkurile site-ului dvs. WordPress mai accesibile:

• Evitați să utilizați cuvântul „link(e)” în link-uri, deoarece cititorii de ecran spun utilizatorilor la ce duce linkul
• Nu scrieți cu majuscule link-urile deoarece încurcă cititorii de ecran care citesc uneori text cu majuscule literă cu literă
• Evitați utilizarea adreselor URL în textul linkului, deoarece cititorii de ecran îl vor citi literă cu literă, ceea ce face dificilă urmărirea utilizatorilor
• Nu legați blocuri întregi de conținut; fă-l scurt și dulce
• Avertizați utilizatorul când se deschide un link într-o fereastră nouă pentru a nu se pierde
• Fiți precauți când utilizați o mulțime de linkuri de ancorare (cei cu dizabilități pot să nu realizeze că doar se mișcă în sus și în jos pe pagina pe care au scanat-o deja)
• Subliniați textul legat și utilizați o culoare separată, plăcută pentru ochi pentru contrast
• Verificați în mod obișnuit link-urile rupte sau goale

Încheierea

În cele din urmă, accesibilitatea WordPress este mai importantă ca niciodată. În zilele noastre, oamenii folosesc internetul pentru orice. De la plata facturilor la socializare și stabilirea de întâlniri până la cumpărături online, aproape fiecare aspect al vieții oamenilor poate fi gestionat online într-un fel sau altul.

Pentru a vă asigura că nu lăsați deoparte o parte din publicul țintă, că maximizați traficul site-ului dvs. și că le faceți ușor pentru oameni din toate categoriile sociale să exploreze ceea ce aveți de oferit, vedeți cum accesibil site-ul dvs. este. Dacă nu este potrivit, faceți câteva modificări simple și rapide. Nu numai că vă va ajuta să vă creșteți numărul de utilizatori sau baza de clienți, ci este ceea ce trebuie făcut.

Dezvăluire: Această postare conține linkuri afiliate. Aceasta înseamnă că putem face un mic comision dacă faceți o achiziție.