Atrageți mai mulți cititori cu un site care se potrivește nevoilor tuturor
Dacă faceți site-ul dvs. accesibil persoanelor cu dizabilități, veți obține accesul tuturor. De fapt, a face site-ul dvs. mai accesibil poate chiar ajuta pe oameni să găsească site-ul dvs. în motoarele de căutare. De ce? Deoarece motoarele de căutare folosesc unele semnale identice pe care le fac cititorii de ecran pentru a găsi și înțelege conținutul site-ului dvs. Web.
Dar exact cum faceți un site accesibil fără a deveni un expert în codificare?
Iată câteva sfaturi și trucuri pe care aproape oricine cu cunoștințe HTML de bază le poate utiliza pentru a îmbunătăți accesibilitatea site-ului.
Instrumente de accesibilitate web
W3C are o listă fantastică de instrumente de accesibilitate pe web pe care le puteți utiliza ca verificator pentru a detecta eventualele probleme cu site-ul dvs. Web. Acestea fiind spuse, tot recomanda sa faci unele explorari cu un cititor de ecran si sa-l experimentezi singur.
Lectură asemănătoare: Ce este tehnologia de asistență și cum funcționează?
Înțelegerea cititoarelor de ecran
Una dintre cele mai importante modalități prin care puteți îmbunătăți accesibilitatea site-ului dvs. web este să vă asigurați că poate fi înțeleasă de cititorii de ecran. Cititorii de ecran utilizează o voce sintetizată pentru a citi textul pe ecran. Sună destul de clar; cu toate acestea, cititorii de ecran nu vă pot înțelege site-ul așa cum îl configurați în prezent.
Primul lucru pe care ar trebui să-l faceți este să încercați un cititor de ecran și să vedeți cum merge. Dacă sunteți pe un Mac, încercați să utilizați VoiceOver.
- Accesați Preferințe sistem.
- Selectați Accesibilitate.
- Selectați VoiceOver.
- Bifați caseta pentru Enable VoiceOver.
Puteți să o activați și să o dezactivați folosind comanda-F5.
Dacă vă aflați pe o mașină Windows, este posibil să doriți să descărcați NVDA. Puteți seta opțiunea de pornire și oprire cu ajutorul comenzii rapide + alt + n.
Ambele cititoare de ecran funcționează permițând utilizatorului navigarea prin tastatură (acest lucru are sens - dacă nu puteți vedea, folosirea unui mouse ar fi o provocare) și prin crearea unei zone de focalizare pentru navigare. Accentul este, în esență, în cazul în care tastatura este "indicată", dar este de obicei afișată ca o casetă evidențiată în jurul obiectului de focalizare în loc de un cursor.
Puteți schimba atît viteza vocii, cît și viteza cu care vocea citește dacă setările implicite sunt enervante (și după aproximativ cinci minute de ascultare a unei citiri vocale standard lent, acestea sunt de obicei). Oamenii blind-uri citesc de obicei site-urile cu cititorii de ecran setați la viteze mari.
Aceasta poate ajuta să vă închideți ochii pe măsură ce faceți acest lucru, dar poate ajuta la menținerea acestora și la comparare. Unele dintre lucrurile pe care le-ați putea observa imediat când încercați să ascultați site-ul dvs. web este că unele dintre texte pot fi necorespunzătoare. Headings și tabele pot fi amestecate. Imaginile pot fi sărite sau pot spune "imagine" sau ceva la fel de nefolositor. Tabelele tind să fie citite ca o serie de elemente fără context.
Poți, sperăm, să rezolvi asta.
Alt-tag-uri sau atribut alternativ
Atributul alt-tag sau alternativ (alt) este folosit în HTML pentru a descrie o imagine. În HTML, arată cam așa:
Chiar dacă faceți site-ul dvs. cu un instrument vizual care ascunde codul dvs. HTML, veți avea aproape întotdeauna o șansă de a introduce o descriere a imaginii. Nu puteți introduce nimic (alt = ""), dar ar fi mai bine să dați fiecărei imagini o descriere utilă. Dacă erați orbi, ce ar trebui să știți despre imagine? "Femeia" nu este de mare ajutor, dar poate "Figura de desen grafic, incluzând accesibilitatea, utilitatea, branding-ul și designul".
Textul titlului
Site-urile web nu afișează întotdeauna eticheta de titlu HTML, dar este utilă pentru cititoarele de ecran. Asigurați-vă că fiecare dintre paginile site-ului dvs. are un titlu descriptiv (dar nu excesiv de verbos) care îi spune vizitatorilor despre ce este vorba pagina.
Oferiți site-ului dvs. o ierarhie eficientă a informațiilor
Împărțiți bucăți mari de text cu anteturi și, dacă este posibil, utilizați anteturi cu ierarhia H1, H2, H3 în mod corespunzător. Nu numai că face site-ul dvs. mai ușor pentru cititorii de ecran, face mai ușor pentru oricine altcineva. Este, de asemenea, un semnal excelent pentru Google și alte motoare de căutare pentru a le ajuta să indexeze mai bine site-ul dvs. Web.
În mod similar, ar trebui să vă asigurați că site-ul dvs. este într-o ordine logică de conținut și că nu aveți cutii de informații care nu au legătură. Dacă utilizați anunțuri, urmăriți-vă că anunțurile dvs. nu sunt prea deranjante și că rupeți prea des textul pe site.
Faceți mese mai bune
Dacă utilizați tabele HTML, puteți adăuga subtitrări în tabelele dvs. utilizând eticheta pentru a le face mai ușor de înțeles de cititorii de ecran, în loc să faceți doar titlul unui tabel cu caractere aldine. De asemenea, puteți adăuga elementul "scope" și puteți eticheta în mod clar noi rânduri și coloane în tabelul dvs. astfel încât cititorii de ecran să nu răsfoiască pur și simplu o serie de celule de tabel fără a da niciun context.
Navigare cu tastatură
În general, tot ceea ce puneți pe site-ul dvs. ar trebui să fie ceva pe care cineva ar putea să-l realizeze folosind doar o tastatură. Asta inseamna ca butoanele de navigare nu ar trebui sa fie animate butoanele drop-down daca nu le puteti folosi cu un cititor de ecran (incercati-l si vedeti daca nu sunteti sigur - unele butoane sunt programate pentru utilizarea tastaturii.)
Subtitrări închise
Dacă adăugați videoclipuri sau elemente audio pe site-ul dvs., acestea ar trebui să aibă subtitrări. HTML5 și multe servicii de streaming video (cum ar fi YouTube) oferă suport pentru subtitrări închise. Titlurile închise sunt utile nu numai pentru accesibilitate, ci și pentru utilizatorii care navighează pe site-ul dvs. undeva unde nu pot reda audio, cum ar fi într-un birou sau într-o locație zgomotoasă.
Pentru podcast-uri sau alte elemente audio, vă recomandăm să furnizați o transcriere de text. Nu numai că este util pentru persoanele care nu pot asculta sunetul, având textul care va face mai ușor Google și alte motoare de căutare să indexeze acel conținut și să vă ajute clasarea pe Google .
ARIA
Dacă doriți să ajungeți la un nivel avansat de accesibilitate, specificațiile HTML5 ARIA sau WAI-ARIA urmăresc să devină noul standard care merge mai departe. Cu toate acestea, acesta este un manual tehnic complex (și evolutiv), așadar ceea ce ați putea face este să utilizați un validator ARIA pentru a scana pentru a vedea dacă site-ul dvs. are probleme pe care le puteți adresa. Mozilla are, de asemenea, un ghid mai accesibil pentru a începe cu ARIA.