Standarde de accesibilitate a site-ului web: asigurați-vă că site-ul dvs. îndeplinește cele mai importante reguli W3C pentru a crește traficul cu până la 20%

Este firesc să îți dorești tot ce este mai bun pentru site-ul tău.

Ai conținutul strâns, parametrii SEO optimizați, site-ul tău captivant și departe de a fi plictisitor. Aveți o grămadă de pagini bine concepute, cu fotografii realizate profesional, link-uri multiple surse și chiar un meniu interactiv. Dar... este site-ul tău accesibil?

Probabil vă întrebați ce înțelegem prin accesibil.

Vrem să spunem că arată bine? Functioneaza bine? Interacționează cu publicul? Da și nu.

Practic vorbind, ce înseamnă accesibilitatea site-ului?

Toată această încercare s-ar putea să vă sune copleșitor, dar oamenii buni de pe internet și o mulțime de centre de statistici și sondaje lucrează zi și noapte pentru a ne oferi cele mai scurte răspunsuri.

Deci, optimizarea accesibilității web înseamnă practic să vă faceți site-ul mai ușor de înțeles și de navigat pentru persoanele cu dizabilități. Culoarea, sunetul și forma sunt doar câteva dintre elementele analizate.

Un dezvoltator web și un designer web bine informat utilizează așa-numitul W3C (prescurtare de la World Wide Web Consortium) și liniile directoare ale Inițiativei de Accesibilitate Web pentru a optimiza site-urile web pentru accesibilitate.

WAI este aproape o știință în sine, așa că vom aborda cele mai bune modalități de a vă optimiza existența web și de a îndeplini cerințele principale de accesibilitate web.

De ce ar trebui să fie accesibilitatea site-ului o prioritate?

Ei bine, dacă ne uităm la statistici, avem milioane de persoane cu dizabilități în întreaga lume care folosesc rar browsere de site-uri web - și asta pentru că site-urile web pur și simplu nu sunt accesibile. Adăugați seniori la amestec, care au adesea probleme cu vederea și auzul și aveți o întreagă populație de oameni care ar putea beneficia de un site web accesibil.

Până în 2060, populația persoanelor cu vârsta de 65 de ani și peste va ajunge la aproape 100 de milioane . Și până în prezent, 57 de milioane de americani au un handicap.

De parcă acesta nu este un motiv suficient pentru a face site-ul dvs. accesibil, iată un alt fapt - 20% din populația lumii ar putea să nu vă viziteze site-ul, deoarece nu îl poate accesa.

Din fericire, avem răspunsurile la problemele de accesibilitate a site-ului dvs. web.

Cum să vă îmbunătățiți accesibilitatea site-ului web

În primul rând, trebuie să aflați totul despre secțiunea 508. Dacă această expresie nu vă este familiară, pierdeți. Mult. Dar nu vă faceți griji, este un set de reglementări de obicei trecut cu vederea.

Cu cuvinte simple, secțiunea 508 este un set de reguli rezumate într-un amendament care impune site-urilor web (în special cele din SUA) să urmeze și să respecte o gamă largă de standarde și linii directoare de accesibilitate web. Modificarea impune ca toate site-urile guvernamentale să respecte acest set de reguli în eforturile lor online pentru un T.

Acum, trebuie să vă gândiți: „Site-ul meu este unul comercial, nu este nevoie să urmez acele reguli guvernamentale.” Dar, ar trebui să-l faceți, până la urmă, este ceea ce trebuie făcut.

Și există o captură, ca întotdeauna.

Centrul Național pentru Statistică în Sănătate (NHIS) a efectuat un sondaj încercând să descopere câți oameni din SUA au probleme cu navigarea pe internet. Acest grup includea persoane cu dizabilități și persoane în vârstă.

După cum se dovedește, se estimează că 20% dintre oameni au probleme cu navigarea pe internet în Statele Unite.

Un alt sondaj a sugerat chiar că persoanele cu dizabilități sunt de trei ori mai puțin probabil să navigheze chiar pe web. Asta e imens.

Probabil că începi să înțelegi acum: accesibilitatea web este cheia pentru a capta un public mai mare și a te alinia ca un brand căruia îi pasă.

Cele mai bune companii de comerț electronic

Instrucțiuni privind accesibilitatea conținutului web

Fiind că tehnologia evoluează constant, la fel evoluează și modurile în care dezvoltăm site-uri web și tot felul de servicii online. De obicei, companiile de comerț electronic sunt pionieri în aceste schimbări. Și odată cu aceste modificări, WCAG trebuie actualizat în consecință.

Furnizat de W3C, acest sistem de reglementare este un standard în dezvoltarea web. Și ne vom concentra pe explicarea, analizarea și afișarea exemplelor despre cum puteți utiliza acest sistem și optimiza prezența online a mărcii dvs.

WCAG este un document live care se schimbă tot timpul, dar există câteva reguli generale pe care fiecare dezvoltator/designer web ar trebui să le respecte:

• Un nivel de calificare de conformitate trebuie să fie îndeplinit fie cu A, AA, fie AAA.
• Întreaga pagină web trebuie să respecte standardele, nu doar o parte a paginii.
• Paginile de proces aferente trebuie să respecte aceeași evaluare sau mai mare pentru a fi considerate accesibile (de exemplu, un proces de achiziție de comerț electronic).
• Accesibilitatea trebuie atinsă prin utilizarea tehnologiilor acceptate considerate credibile de WCAG.
• Este posibil să utilizați tehnologii care nu sunt complet accesibile, atâta timp cât conținutul este încă accesibil cu o altă tehnologie (de exemplu, un videoclip Flash cu o transcriere text suplimentară).

7 standarde de accesibilitate a site-urilor web pentru a vă asigura că site-ul dvs. ajunge la cei mai mulți consumatori

1. Utilizați etichete Alt adecvate și relevante pe imagini

Suntem siguri că ați întâlnit conceptul de etichete Alt în experiența dvs. de creare de site-uri web.

În esență, este o descriere a unei imagini afișate și este mai mult sau mai puțin non-vitală pentru experiența utilizatorului standard. Acum, următorul sfat este obligatoriu pentru site-urile web de comerț electronic sau site-urile web care sunt în principal vizuale și/sau se bazează în mare măsură pe indicii vizuale.

De ce? Ei bine, după cum se dovedește, persoanele cu deficiențe de vedere navighează pe web folosind un fel de cititor de ecran. Acum, aceste cititoare de ecran nu pot citi o imagine cu voce tare, așa că informațiile pe care le folosesc sunt etichetele dvs. de imagine alternativă.

Știind acest lucru, vă puteți optimiza în mod corespunzător etichetele pentru a face fraze concise și ușor de înțeles, care să aibă sens atunci când sunt citite cu voce tare. Chiar dacă SEO ne cere uneori să menținem conținutul etichetei alt limitat, extinderea acestuia pentru a face o frază sensibilă nu este atât de mare și va oferi un context suplimentar și, desigur, o caracteristică de calitate a vieții pentru persoanele cu deficiențe de vedere.

În plus, aveți grijă să nu exagerați. Efectuarea de descrieri inutil de lungi în textul alternativ poate sufoca conținutul, ceea ce încalcă scopul. Textul alternativ ar trebui să fie scurt, concis și, mai presus de toate, relevant.

Suntem conștienți de faptul că această parte a interfeței de utilizator și a experienței utilizatorului este neobișnuită pentru majoritatea, dar este la fel de importantă ca orice altă trăsătură pe care site-ul dvs. o aduce cu stilul și cârligele sale vizuale.

Gândirea lungă și intensă la textul alternativ este deosebit de importantă în lumea comerțului electronic. Aceste site-uri web conțin, de obicei, o grămadă de imagini de produse pe fiecare ecran, astfel încât să le răsfoiți folosind un software de citire de ecran poate fi dificilă. Acolo se află stăpânirea optimizării bune a accesibilității site-ului web: concizia!

Cea mai frumoasă parte este că aceste cuvinte nu se văd pe ecran, ceea ce înseamnă că nu există nicio dezordine suplimentară. Și face o lume de diferență pentru atât de mulți oameni.

Așadar, fii o ființă umană bună și fă-ți fotografiile și imaginile și mai bogate cu un text alternativ bine scris.

A face site-ul dvs. de comerț electronic accesibil poate fi foarte benefic pentru afacerea dvs. Consultați lista noastră de agenții de dezvoltare site-uri de comerț electronic pentru a găsi cea mai bună angajare pentru acest loc de muncă.

2. Faceți claritatea textului o prioritate

Persoanele cu deficiențe de vedere consideră claritatea textului (sau mai bine zis, lipsa acesteia) una dintre cele mai mari neplăceri în timpul navigării. Motivul este evident, dar această problemă trebuie abordată cu precauție suplimentară.

Problema cu claritatea textului este un subiect destul de sensibil. Motivul din spatele acestei agitații este echilibrul dintre alegerea stilului fontului, fonturile mai subțiri fiind mai plăcute din punct de vedere estetic, dar în același timp mai greu de citit și mai puțin inteligibile. Și, bineînțeles, utilizarea sau absența serifurilor.

Un studiu arată că chiar și utilizarea corectă a serifurilor poate afecta semnificativ lizibilitatea conținutului pe care îl prezentați.

A avea greutatea și dimensiunea corectă a fontului este esențială pentru o optimizare adecvată a accesibilității. Dar, dacă, din întâmplare, site-ul dvs. are o cantitate mare de informații, „decuparea” fontului și făcându-l mai vizibil poate și va îmbunătăți UX pentru toată lumea.

Acest fapt ne spune că optimizarea accesibilității nu numai că ajută persoanele cu deficiențe să manevreze în mediul internet, ci vă ajută și să vă optimizați site-ul într-un sens general.

Există câteva reguli cheie pe care ar trebui să le urmați pentru a vă păstra textul ordonat și lizibil. Acestea sunt furnizate de W3C după cum urmează:

• Contrastul dintre text și fundal ar trebui să fie 4:5:1, arătând importanța culorii și utilizarea contrastului pentru a obține lizibilitatea.
• Dimensiunea fontului trebuie să fie de cel puțin 16 pixeli. Rețineți că site-ul dvs. web este accesat nu numai prin computere, ci și prin dispozitive mobile.
• Spațierea între liniile de text trebuie să fie de cel puțin un spațiu și jumătate, în funcție de dimensiunea textului. Un alt caz care subliniază importanța proporțiilor. După cum propune W3C, dimensiunile și contrastul joacă un rol important aici.
• Textul nu este niciodată aliniat justificat.
• Textul ar trebui să se poată redimensiona dinamic, fără a fi necesar ca utilizatorul să deruleze pe orizontală.
• Spațiile dintre paragrafe trebuie să fie de cel puțin două ori dimensiunea fontului.

3. Furnizați subtitrări pentru conținutul dvs. video

Întrucât trăim într-o perioadă de conexiuni rapide la internet, video-ul este acum un canal viabil de utilizat în locurile online. Site-ul web pe care îl dezvoltați va avea probabil integrat un fel de videoclip sau un link YouTube încorporat undeva.

Dacă furnizați conținut video, asigurați-vă că includeți și subtitrări. În zilele noastre, nu este atât de greu să faci subtitrări pentru conținutul tău video. Puteți chiar să vă gândiți să angajați pe cineva care să o facă pentru dvs., dacă furnizați transcrierea, desigur.

Subtitrările au devenit, din fericire, o parte de zi cu zi a experienței de vizionare a videoclipurilor. Indiferent de publicul pe care îl vizați, încercați să includeți cel puțin subtitrări în engleză în videoclipurile dvs.

4. Faceți navigarea cu tastatura parte a site-ului dvs. web

Acesta ar trebui să fie obligatoriu.

Navigarea și navigarea fără a folosi un mouse este o funcție surprinzător de dorită astăzi. Persoanele care folosesc hardware de asistență din cauza unei dizabilități sau pur și simplu utilizatorii de laptopuri care sunt obișnuiți cu navigarea pe site-ul web prin tastatură sunt persoanele pe care doriți să le mulțumiți.

Un exemplu grozav de platformă care își încurajează chiar membrii să folosească sistemul lor extrem de simplu, dar uimitor de eficient este Imgur. Au încorporat un sistem pentru navigarea mai ușoară și participarea la evenimentele comunității folosind doar tastatura. Această caracteristică ne arată mai mult decât dorința de optimizare a accesibilității.

Arată că acest brand a investit în ergonomie, deși nu se răsfață în comerț și este un site de partajare a imaginilor.

Un alt exemplu adecvat de site optimizat atunci când vine vorba de simplitatea comenzilor de la tastatură este Twitter-ul mereu popular.

Puteți chiar să vă faceți brandul mai plăcut dacă îndepliniți aceste cerințe și să faceți utilizatorul să se simtă mai puternic pentru că are opțiunea de a se deplasa folosind doar tastele.

5. Obțineți pragmatic vizual

Oricât de enigmatic ar suna, nu este chiar atât de greu.

Nu vă fie teamă să utilizați pictograme, simboluri și alte indicii vizuale pentru a vă ajuta vizitatorii să se deplaseze și să experimenteze marca dvs. Cel mai simplu exemplu ar fi să puneți cuvântul „pagina următoare” într-o săgeată îndreptată spre dreapta, insinuând acțiunea fără a fi nevoie să citiți textul din interior.

Acest tip de asistență vizuală are o mulțime de scopuri, primul fiind optimizarea accesibilității, desigur. De asemenea, reduce timpul necesar navigării, crescând astfel eficiența platformei tale.

O altă caracteristică importantă, în care puteți infuza utilitate și estetică, este prin simboluri, realizând un design unic și minimal. A avea numărul potrivit de elemente, fără a deteriora calitatea informațiilor necesare ne este de ajutor tuturor.

Menționarea site-urilor web populare ca exemple principale de astfel de optimizări pare puțin învechită, dar hei, sunt de fapt populare datorită acestui fapt. Luați Instagram - un exemplu grozav de simplitate vizuală și ergonomică. Accesibilitatea acestui serviciu este la fel de ușoară ca și câteva clicuri și atingeri, iar simbolurile folosite economisesc spațiu, dezordine și fac fiecare element mai vizibil și mai distins.

Un alt instrument excelent de optimizare a accesibilității este nimeni altul decât culoarea. Da, culoare. Folosirea culorii în design web este o poveste veche până acum. Dar rolul pe care îl poate juca în a face site-ul dvs. mai accesibil bătrânilor și persoanelor cu dizabilități este imens!

Top companii de design și dezvoltare site-uri web

6. Evaluează și adaptează-ți conținutul

Da, exact asta. Poate părea un lucru ușor de ignorat, dar oamenii se găsesc adesea blocați atunci când dezvoltă un brand online.

Reglementările și regulile pot părea complexe la prima vedere, dar există pași pe care îi puteți lua pentru a face totul mai ușor.

Asigurați-vă că înțelegeți absolut conținutul pe care îl prezentați și că îl puteți explica unui copil de cinci ani și unui dezvoltator web veteran în același timp. În acest fel, veți găsi mult mai ușor să începeți optimizarea accesibilității.

Pentru a adapta conținutul, începeți cu o listă cu cele mai frecvente deficiențe pe care le au oamenii online:

• Oameni care nu văd prea bine.
• Oameni care sunt orbi.
• Oameni care nu aud foarte bine.
• Persoane care nu pot folosi cu ușurință un mouse sau o tastatură.
• Persoane cărora le este greu să înțeleagă propoziții mai lungi și mai complexe.

Luând în considerare acești factori, veți găsi că procesul de adaptare este mai realizabil și mai ușor de gestionat. Ține minte că ai un ghid la îndemână lângă tine și nu te teme, faci o favoare lumii!

7. Utilizați tehnologia de asistență

Ultima pe această listă, dar cu siguranță nu în ultimul rând, este utilizarea tehnologiilor de asistență.

Există tot mai multe tehnologii dezvoltate pentru a ajuta oamenii în timp ce folosesc computerul și internetul. Am menționat deja cititoarele de ecran, dar nu sunt singurele disponibile.

Este important să vă faceți site-ul disponibil prin aceste tehnologii, iar lista esențială include:

• Cititoare de ecran - aceste platforme text to speech pot recunoaște textul alternativ ca o sursă legitimă de text.
• Funcții de accesibilitate Windows/Mac – acestea sunt opțiuni de acces ușor pe care producătorii le includ în mod nativ în dispozitivele lor (lupă sau text în vorbire).
• Analizoare de contrast de culoare – acestea sunt programe care ajută la adaptarea culorii la diferite tipuri de impedimente de culoare.
• Bare de instrumente/plug-in-uri – acestea oferă diverse tipuri de asistență, cum ar fi asistență lingvistică.
• Dispozitive mobile – toată lumea este pe mobil, așa că păstrați accesibilitatea site-ului dvs. optimizată și pentru dispozitivele mobile.

Top agenții digitale

Beneficiile optimizării accesibilității

Suntem conștienți că toate acestea par multă muncă, dar sunt pentru o cauză justă. Chiar dacă sunteți o organizație nonprofit, este o idee grozavă să faceți site-ul dvs. nonprofit accesibil pentru cât mai mulți oameni.

Pe lângă tot ce s-a spus până acum, să luăm în considerare câteva beneficii ale acestor implementări.

1. O bază mai mare de clienți

A face brand-ul dvs. ușor de utilizat online este un pas grozav către o bază complet nouă de clienți. Atingerea acestei piețe, în timp ce faceți o faptă bună reală, este o situație de câștig-câștig.

2. Responsabilitatea socială

Îmbunătățirea internetului este responsabilitatea pe care o avem cu toții pe umerii noștri – proprietari, browsere ocazionale și clienți. Având în vedere că World Wide Web este un drept uman de bază, ar fi puțin iresponsabil să nu abordăm cu entuziasm aceste tipuri de optimizări și adaptări.

3. Un site web mai ordonat

Mulți dezvoltatori web vor depune mărturie despre acest lucru. Când vă optimizați site-ul web, pentru a realiza modificările menționate mai sus, veți repara și strânge toate părțile lipsă sau slăbite. Și vă ajută să păstrați legătura cu toate elementele esențiale precum SEO, compatibilitatea dispozitivelor și întreținerea site-ului web.

Cele mai bune instrumente pentru a începe accesibilitatea site-ului dvs. web

Există multe surse valoroase pentru a vă ajuta să construiți un site web mai bun și să testați cel actual.

Am ales unele dintre cele mai populare și cele mai utile pentru a vă ajuta să vă faceți pe dvs. și marca dvs. să vă alăturați celor mai bune site-uri web de accesibilitate.

Dacă intenționați să o faceți „la carte”, și pe cea guvernamentală, începeți cu verificatorul 508. Acest instrument vă permite să verificați accesibilitatea site-ului dvs. prin simpla introducere a adresei URL. Folosește amendamentul inițial ca referință, astfel încât să știți unde vă aflați.

Următorul este Accessibility Valet, un instrument simplu care utilizează WCAG și secțiunea 508 ca punct de referință, scanând erori și oferind sugestii cu privire la ceea ce puteți lucra.

Iar al treilea care vă ajută să vă optimizați site-ul este Wave, un set de instrumente similare celor două anterioare, cu opțiunea suplimentară de a verifica site-urile web nepublice și nepublicate pentru eventuale erori.

Puterea unui site web optimizat pentru accesibilitate

Făcând lucrul responsabil din punct de vedere social de optimizare a accesibilității, respectând regulamentul W3C și respectând secțiunea 508, vă faceți o favoare vouă dvs. și multor oameni.

Așadar, amintiți-vă întotdeauna că există utilizatori de internet care nu intră online, așa cum o fac majoritatea celorlalți.

Și da, aceste caracteristici nu sunt doar pentru a le ajuta, ci și pentru a vă ajuta să descoperiți piața și să obțineți o înțelegere mai profundă și mai aprofundată a acesteia.

Nu uitați: accesibilitatea web este esențială pentru unii, dar utilă pentru toți!

Și iată-l. Multe de procesat și multe de gândit.

Investiția în optimizarea accesibilității este cu siguranță una valoroasă, fără dezavantaje. Permiți mai multor oameni să-ți cunoască marca, ajungi să rezolvi mici probleme, făcând publicului o mică favoare în acest proces.

În plus, serviciul dvs. online va obține instantaneu mai multă credibilitate.

Dacă luați măsurile necesare pentru a vă asigura că site-ul dvs. este accesibil tuturor, vă faceți o mare favoare. Pentru că viitorul designului web este accesibilitatea. Mai mulți oameni vor interacționa cu mărci și instituții de tot felul. Și vrei să te asiguri că nu rămâi în urmă.

Obțineți ajutor cu accesibilitatea site-ului dvs. cu aceste resurse pentru agenții de design și dezvoltare web !

Descoperiți și mai multe sfaturi pentru design web și creșterea afacerii atunci când vă înscrieți la DesignRush Daily Dose!