Câteva moduri de a vă face site-ul ușor accesibil

Structurarea unei pagini și a activelor sale o face adecvată pentru mașină, indiferent de mașina respectivă. Adăugați genul de tehnici de bun simț care permit utilizatorilor (inclusiv utilizatorilor cu dizabilități) și mașinilor să ajungă direct la conținut semnificativ și, cu siguranță, vă îndreptați spre a face site-ul dvs. ușor accesibil și prietenos cu motoarele de căutare.

Cu toții suntem familiarizați cu puterea WordPress, care permite unui începător sau unei persoane netehnice să își proiecteze și să dezvolte propria proprietate web. Această platformă este ușor de configurat și oferă un cadru solid pentru teme și pluginuri care vor determina modul în care conținutul și funcționalitatea dvs. vor continua pentru orice vizitator.

Dacă doriți ca site-ul dvs. să fie accesibil persoanelor cu dizabilități, veți descoperi că WordPress de bază are multe necesare pentru a facilita dezvoltarea unui site web accesibil și nu este greu să duceți acest lucru mai departe prin adăugarea de plugin-uri și bune. tehnică.

Înainte de a începe, sunt doi factori importanți de care trebuie să fim conștienți. În primul rând, doar implementarea acestor patru tehnici nu va face niciun site web complet accesibil pentru toată lumea, în măsura în care respectă toate cerințele necesare, dar va aborda cele mai comune bariere în calea accesului la web și va oferi o accesibilitate mult mai mare.

În al doilea rând, este important să înțelegem că accesibilitatea poate fi obținută numai prin cooperarea dintre cele mai bune practici de proiectare, dezvoltare și crearea de conținut. Un designer poate crea o temă accesibilă, un dezvoltator poate adăuga funcționalitate accesibilă, dar dacă un autor de conținut inserează o imagine semnificativă fără o etichetă alt, sensul complet al paginii web va fi inaccesibil.

Având în vedere acest lucru, iată patru sfaturi pentru a vă face site-ul ușor accesibil.

Alt text pentru imaginile dvs

Este bine cunoscut faptul că cea mai mare barieră în calea accesibilității web este utilizarea corectă a textului alternativ pentru a descrie imaginile de pe o pagină web. Dacă acest punct unic ar fi abordat de toți cei care construiesc site-uri web, ar eradica cel mai mare număr de reclamații de accesibilitate. Și acesta este motivul pentru care am simțit nevoia de a dezvolta un plugin uimitor SEO Image Optimizer, care umple golul etichetelor alt lipsă din imagini.

Punctul fundamental de înțeles este că, dacă intenționați să puneți imagini pe site-ul dvs., este esențial să le etichetați corect cu text alternativ. Cu alte cuvinte, fiecare imagine pe care o puneți online trebuie să aibă o semnificație pentru ca robotul să vă listeze imaginea în motoarele de căutare.

Informațiile din eticheta alt le permit utilizatorilor cititoarelor de ecran (care citesc paginile web cu voce tare utilizatorilor cu dizabilități vizuale), browserelor doar text și conexiunilor lente care nu vor încărca imagini să înțeleagă informațiile transmise de imagini.

Dacă o imagine nu are sens, de exemplu este folosită doar pentru decorare, există două moduri de a o trata. Dacă o încărcați ca imagine de fundal folosind CSS, cititorii de ecran o vor ignora și imaginea nu necesită o etichetă alt (atenție, deoarece acest lucru este valabil și pentru imaginile semnificative: dacă o încărcați în fundal, cititorul de ecran o va ignora ). Dacă o imagine este afișată folosind HTML, dar este pur decorativă, atunci utilizați eticheta alt, dar lăsați-o goală. Aceasta îi spune cititorului de ecran că o imagine este prezentă, dar nu are nicio semnificație pentru utilizator și poate fi ignorată, ceea ce permite să facă site-ul mai accesibil pentru un cititor.

Când puneți etichete pe imagini, utilizați un text descriptiv care va permite oamenilor care nu văd să înțeleagă care este sensul imaginii. Acest lucru necesită judecată: de ce imaginea a fost aici și ce mesaj transmite și ce cuvinte vor transmite cel mai bine același sens. Nu vă lăsați prins în descrieri literale ale fiecărui detaliu vizual, transmiteți sensul.

Un exemplu clasic este o imagine a unei lupe folosită ca buton pentru a începe o căutare. Imaginea are o semnificație, așa că ar trebui descrisă. A-l descrie ca „o lupă” nu ajută utilizatorul. Ceea ce trebuie să știe este că făcând clic pe acest buton va începe o căutare, așa că textul alternativ de „click aici pentru a căuta” sau chiar doar „căutare” poate fi cel mai potrivit.

Numai imaginile care servesc unui scop trebuie etichetate. Exemple dintre acestea sunt următoarele:

Imagini care sunt folosite ca butoane

Imagini care sunt folosite ca link-uri

Imagini care sunt folosite pentru orice alte controale

Imagini care au legătură directă cu conținutul

Această tehnică se aplică tuturor site-urilor web, desigur, nu doar site-urilor WordPress. WordPress, totuși, face acest lucru mai ușor decât majoritatea, în primul rând permițând autorului conținutului să comute între vizualizările vizuale și HTML și, în al doilea rând, oferind un câmp pentru text alternativ ori de câte ori o imagine este inserată folosind funcționalitatea Adăugare media.

Pluginuri pentru o mai bună accesibilitate

Accesibilitatea WordPress poate fi îmbunătățită prin utilizarea unei varietăți de pluginuri. Aceste plugin-uri sunt ușor de configurat și vor permite utilizatorilor cu o gamă largă de dizabilități să acceseze site-ul. Iată câteva pluginuri pe care le-am găsit, care vă vor face site-ul ușor accesibil.

Chei de acces

Pluginul Chei de acces permite alocarea cheilor de acces link-urilor și comenzilor de pe site-ul dvs. web. De exemplu, link-ului de acasă i se poate atribui combinația de taste de acces alt+h, iar butonul de căutare poate avea combinația de taste alt+s. Cheile de acces, cum ar fi exemplele furnizate, permit utilizatorilor cu deficiențe de vedere, precum și celor cu probleme de mobilitate, să acceseze cu ușurință ceea ce doresc.

Retweet ușor

Easy Retweet este un plugin care vă va permite să adăugați butoane accesibile paginii dvs. care facilitează partajarea conținutului dvs. pe Twitter. În acest fel, dacă persoanele cu dizabilități doresc să partajeze paginile tale prietenilor lor, o pot face fără nicio dificultate.

AStickyPostOrderER

AstickyPostOrderER vă permite să alegeți ordinea în care este afișat conținutul dvs. Puteți alege să afișați conținutul de la cel mai vechi la cel mai nou sau în ordine inversă.

Hackadelic SEO Cuprins

Pluginul Hackadelic SEO Cuprins vă permite să furnizați un cuprins fie pentru postările dvs., fie pentru paginile dvs. Acest lucru va face conținutul dvs. ușor de găsit.

WP-Polls

WP-Polls permite persoanelor cu dizabilități să participe la orice sondaj pe care îl puteți avea pe site-ul dvs

Noi pluginuri sunt dezvoltate tot timpul. Utilizați funcționalitatea tabloului de bord WordPress pentru a căuta mai multe. Încercați diferite pluginuri și cereți utilizatorilor cu dizabilități să vă ofere feedback

Când utilizați orice plugin, asigurați-vă că acestea sunt compatibile cu tema aleasă, precum și între ele. Dacă pluginurile dvs. nu sunt compatibile cu tema dvs., fie nu vor funcționa, fie vor cauza mai multe probleme utilizatorilor cu dizabilități care încearcă să vă răsfoiască site-ul. Dacă pluginurile dvs. nu sunt compatibile între ele, site-ul dvs. poate deveni inutilizabil sau conținutul poate fi afișat incorect.

Mergi de urmat cu titluri

Când proiectați pagini, este vital să structurați conținutul folosind titluri în ordinea corectă: <h1> , <h2> , <h3> și așa mai departe. Când structurați conținutul folosind titluri, persoanele care folosesc cititoare de ecran pot obține un rezumat despre ce este vorba în pagini și pot naviga mai ușor în ele. Utilizatorii cititorului de ecran pot accesa secțiunile de conținut pe care le doresc apăsând litera „H” pentru a merge înainte și „shift+H” pentru a merge înapoi.

Vă puteți eticheta conținutul folosind titlurile de la unu la șase pentru a face site-ul ușor accesibil. Verificați modul în care tema dvs. utilizează titlurile (de exemplu, tema dvs. se poate aplica sau nu <h1> titlului site-ului și acel titlu al site-ului poate să apară sau nu pe fiecare pagină web. În orice caz, asigurați-vă că primul titlu folosit este <h1> iar următoarele titluri (titlul paginii, sub-secțiunile paginii, titlurile paragrafelor) coboară în ordine până la <h6> , acolo unde este cazul.

Există o oarecare flexibilitate în ceea ce privește ordinea, dar cea mai bună opțiune este să păstrați titlurile în ordine numerică și chiar să nu le amestecați, deoarece va crea o situație periculoasă atât pentru utilizator, cât și pentru motorul de căutare (nu le amestecați astfel - > <h1> , <h4> , <h2> , etc).

Legăturile de navigare sunt utile

În cele din urmă, trebuie să aveți legături de navigare în designul site-ului dvs. Aceste link-uri de navigare vor permite utilizatorilor cu dizabilități să treacă peste bara de navigare sau alte meniuri și casete de căutare și să sară la anumite locuri din pagină făcând clic pe aceste linkuri. Sau, utilizatorul poate sări rapid la secțiunile dorite de pe site. Aceste linkuri trebuie să apară oriunde este necesar ca utilizatorii să treacă la conținut semnificativ. Exemple de ceea ce pot spune aceste link-uri sunt:

Treceți la conținutul principal

Salt la bara de navigare

Salt la Căutare

Unele teme WordPress pot furniza deja astfel de link-uri. Dacă acesta este cazul, va trebui să verificați aceste link-uri pentru a vedea dacă trebuie să adăugați unul dintre ele. Alte teme, însă, nu vor oferi legături de navigare. Astfel, va trebui să adăugați singur aceste link-uri.

Încheierea

Voi repeta ceea ce am spus mai devreme că niciunul dintre acești pași nu vă garantează un site web 100% accesibil, dar da, va spori accesibilitatea site-ului dvs. pentru fiecare vizitator care vă vizitează site-ul și site-ul dvs. este mai accesibil decât 90% dintre site-urile WordPress existente. .

Vizitatorii cu dizabilități vor putea naviga prin site-ul dvs. la fel ca alți vizitatori. Întrucât acești vizitatori includ și roboți de căutare, ar trebui să fiți sigur de un lucru că, dacă faceți site-ul dvs. accesibil, vă va aduce beneficii afacerii și vă va ajuta să vă poziționați pe primul loc în motoarele de căutare, rezultând în cele din urmă un profit mai mare din afacerea dvs.

Sper că această postare pe blog ți-a fost utilă și că iei câteva elemente cheie de aici pe care le vei avea