În acest videoclip, Jaci din echipa WebFX Interactive explică cum puteți începe cu designul web accesibil.

Transcriere:

Cum te-ai simți dacă ai fi cu adevărat încântat să verifici un site web, dar când mergi pe acel site, nu poți accesa niciunul dintre conținutul său? Eu personal m-aș simți frustrat și îmi imaginez că și tu.

Dacă nu utilizați design web accesibil, acesta este scenariul pe care îl creați pentru unul din patru adulți care trăiesc cu dizabilități în SUA, adică aproximativ 61 de milioane de persoane care nu au acces egal la site-ul dvs. web.

Respectarea regulilor de accesibilitate pentru design web nu este ușoară dacă nu ați mai făcut-o până acum, dar voi descrie câteva lucruri pe care le puteți face pentru a începe .

Folosiți marcajele de timp din descrierea videoclipului dacă doriți să treceți la diferite secțiuni ale acestui videoclip. În acest moment, voi aborda o prezentare generală a accesibilității site-ului web.

Ce este accesibilitatea site-ului web?

Accesibilitatea site-ului web înseamnă că site-ul dvs. este conceput astfel încât persoanele cu dizabilități să îl poată utiliza. Scopul designului accesibil este de a elimina barierele tehnologice, astfel încât oricine să poată interacționa cu conținutul dvs.

Potrivit World Wide Web Consortium, cunoscut și sub numele de W3C, un site web accesibil funcționează pentru persoanele cu dizabilități auditive, cognitive, neurologice, fizice, de vorbire și vizuale.

Nu vă faceți griji dacă nu sunteți sigur de unde să începeți. W3C are documentație care vă spune ce ar trebui să includă site-ul dvs. web pentru a îndeplini standardele lor.

Această documentație include:

• Ghid de accesibilitate pentru instrumentul de creație (ATAG)
• Ghid pentru accesibilitatea conținutului web (WCAG)
• Ghid de accesibilitate pentru agentul utilizatorului (UAAG)

ATAG se concentrează pe instrumentele pe care oamenii le folosesc pentru a crea conținut pe internet, iar UAAG se uită la accesibilitatea instrumentelor care redau conținut web.

Mă voi concentra pe WCAG în acest videoclip, care sunt liniile directoare pentru a face conținutul site-ului accesibil tuturor.

Cu WCAG, aveți trei niveluri diferite de conformitate: A, AA și AAA. Pe măsură ce treceți de la A la AA la AAA, urmați mai multe standarde stabilite de WCAG și faceți site-ul accesibil unui număr mai mare de oameni.

Deci, de unde știi dacă ai un site web accesibil? Fa un audit!

Cum să auditați accesibilitatea site-ului dvs

Nu trebuie să faci un audit pe cont propriu. Dacă preferați să vă externalizați auditul, luați legătura cu o echipă de consultanți care vă poate analiza site-ul web și face toate ajustările necesare pentru dvs.

Acum, dacă preferați să vă ocupați de lucrurile în interior, aveți o mulțime de opțiuni. Puteți parcurge paginile site-ului dvs. în căutarea problemelor manual, dar probabil că acest lucru vă va ocupa mult timp.

Poate doriți să utilizați unele instrumente care să vă ajute. Conectați-vă adresa URL într-un verificator de accesibilitate precum WAVE pentru a vedea ce trebuie să actualizați pe o singură pagină. De asemenea, puteți utiliza un instrument de verificare a accesibilității în bloc pentru a analiza mai multe pagini simultan.

Site-ul web W3C are o listă mare de instrumente de accesibilitate , astfel încât nu trebuie să faceți totul pe cont propriu.

Avem, de asemenea, o listă de cinci elemente importante pentru accesibilitatea dvs. și câteva exemple de design accesibile - despre care voi vorbi în continuare - așa că rămâneți cu mine.

5 ghiduri de accesibilitate pentru design web

Nu uitați că acestea sunt scurte rezumate ale ghidurilor WCAG. Vă încurajez să utilizați ghidul de referință rapid al W3C pentru a afla mai multe tehnici aprofundate pentru un design accesibil.

1. Asigurați-vă că textul este lizibil

Orice text de dimensiune obișnuită care comunică informații importante trebuie să fie ușor de citit.

Contrastul joacă un rol important în acest sens. Așa cum este acum, textul mare (cum ar fi titlurile majore) are nevoie de un raport de contrast de 3:1 dintre text și fundal. Textul obișnuit (sau mai mic), precum textul care alcătuiește corpul conținutului dvs., are nevoie de un raport de contrast de 4,5:1.

Un exemplu de contrast prea mic arată ceva ca textul verde deschis pe un fundal verde puțin mai închis. Schimbați textul poate în alb sau negru și veți avea mult mai mult contrast pe site-ul dvs.

De asemenea, utilizatorii ar trebui să poată mări textul într-un mod care să nu afecteze funcționalitatea site-ului dvs. și să nu îi determine să piardă conținut.

2. Optimizați imaginile pentru a fi văzute și citite

Adăugarea de text alternativ la imagini nu este doar o practică SEO obișnuită. Ajută oamenii care nu pot vedea imaginile să înțeleagă ce se află în ele.

Alt text este un fragment de text care explică clar ce se întâmplă într-o imagine. Textul alternativ se potrivește direct în codurile de încorporare ale imaginilor tale. După cum vedeți în acest exemplu de la Mashable, pagina are imagini și când treceți la partea de cod a lucrurilor, vedeți textul alternativ.

3. Oferiți publicului dvs. modalități suplimentare de a înțelege videoclipurile

Dacă nu ați adăugat niciodată subtitrări la videoclipurile dvs., acum este momentul să începeți. Și nu vă bazați doar pe cele pe care YouTube sau un alt furnizor de găzduire le generează automat.

Dacă aveți timp și răbdare, aruncați o privire la subtitrările dvs. generate automat și faceți modificări. Nu vor fi perfecti venind dintr-o IA.

De asemenea, puteți comanda subtitrări folosind un instrument precum Rev și apoi le puteți adăuga la videoclip.

Includerea transcrierilor cu videoclipurile dvs. le face mai accesibile. Dacă ați scris un scenariu, aveți deja o transcriere pregătită!

Descrierile audio adaugă un alt nivel de accesibilitate. Acestea sunt piese audio separate care descriu ce se întâmplă în videoclipul dvs. între intervalele de dialog.

Deci, dacă aveți două persoane care vorbesc despre călătoria lor recentă la cumpărături, iar apoi videoclipul se reduce la niște imagini cu o persoană care își încearcă hainele, descrierea audio ar explica ce se întâmplă în videoclip. Poate fi ceva de genul acesta: o femeie stă în fața unei oglinzi și își dă două eșarfe peste umăr.

O platformă de găzduire precum Wistia vă permite să încărcați descrieri audio (și chiar are o listă de verificare a accesibilității video atunci când încărcați videoclipurile).

4. Proiectează-ți site-ul web pentru a fi ușor de utilizat pentru mouse și tastatură

Nu toată lumea folosește un mouse pentru a naviga pe internet. Site-ul dvs. ar trebui să reflecte acest lucru.

Acest lucru nu înseamnă doar că trebuie să vă asigurați că cineva poate interacționa cu site-ul dvs. prin intermediul unei tastaturi, dar necesită, de asemenea, că aveți modalități vizibile de a evidenția ce parte a site-ului dvs. este concentrată.

Privind un alt exemplu de design accesibil, vezi că atunci când dau clic pe bara de căutare de pe site-ul web Keds, apare linia intermitentă clasică pentru a mă anunța că pot scrie. Bara de căutare devine, de asemenea, mai proeminentă atunci când se dă clic.

Pentru a respecta regulile WCAG, această funcționalitate ar trebui să apară atunci când este utilizată o tastatură.

5. Faceți navigarea pe site ușor de înțeles

Acest sfat depășește accesibilitatea. În general, este un lucru bun să faci navigarea pe site-ul tău simplă și clară.

Scrieți titluri de pagini și titluri care au un scop clar. Folosiți un text de ancorare a linkului, care facilitează înțelegerea conținutului la care trimiteți linkul.

Din nou, utilizați indicatorii de focalizare, astfel încât oamenii să știe unde se află pe o pagină. Oferiți mai multe moduri de a accesa o pagină web, cum ar fi printr-o hartă a site-ului, navigare principală sau cuprins.

Și cum pot sări peste acesta? Aveți o navigație consistentă. Aceasta înseamnă că, dacă aveți un antet de navigare principal, acesta nu ar trebui să se schimbe atunci când un utilizator trece de la o pagină la alta.

În acest exemplu care prezintă site-ul web At Home, deși fac clic de la o pagină la alta, navigarea din partea de sus a paginii nu se modifică.

Și, așa cum am spus mai devreme, aceasta nu este cu siguranță o listă cuprinzătoare a ceea ce trebuie să faceți pentru a urma regulile de accesibilitate pentru design web. Aceste reguli se pot schimba, de asemenea, așa că faceți-vă cercetări când sunteți gata să vă evaluați accesibilitatea .

Pentru a continua să înveți despre diferitele subiecte de design web și marketing digital, abonează-te la canalul nostru YouTube și la buletinul nostru informativ prin e-mail, Revenue Weekly . Nu vei fi dezamăgit.

Mulțumesc că mi-ai fost alături!

Alăturați-vă celor 5.000 de agenți de marketing care își obțin cunoștințele de marketing din videoclipurile WebFX.

Abonează-te acum