Test rapid: site-ul dvs. web este fără bariere?

Această intrare a fost actualizată ultima dată la 11 iulie 2018. | Autor: Tamás Verdes

Aceasta este luna accesibilității. Am vorbit timp de două săptămâni despre ce crește accesibilitatea într-un copac, după care am prezentat cele mai bune șabloane. Haideți să aprofundăm astăzi: să vedem cum puteți afla dacă site-ul dvs. web este, de asemenea, accesibil.

Părțile lansate anterior ale seriei:

O mică teorie

Standardul oficial de accesibilitate este WCAG 1.0 (Ghid de accesibilitate a conținutului web), publicat în 1999. WCAG 2.0 este în prezent în vigoare .

În plus, WordPress și-a dezvoltat propriile criterii de accesibilitate. Acestea sunt necesare dacă un șablon dorește să obțină o certificare fără bariere în pădurea de șabloane. În prezent, 120 de șabloane au această evaluare.

Am fi prinși să citim standardele oficiale, dar dacă sunteți interesat, știți unde să faceți probleme. În rezumat, iată 4 considerații pentru a vă ajuta să evaluați dacă site-ul dvs. web este accesibil.

Există 4 principii de accesibilitate

Accesibilitatea site-ului dvs. web depinde de 4 factori. Acestea sunt următoarele.

Detectabilitate. Fiecare conținut ar trebui să fie accesibil pentru cât mai multe simțuri posibil. Cel mai simplu mod de a face acest lucru este să adăugați text de înlocuire a textului la fiecare conținut.
Manipularea. Toate elementele site-ului trebuie să fie suficient de mari pentru a fi vizibile, separate de alte elemente. Butoanele ar trebui să fie vizibile, mari, apăsabile și funcționale. Gestionarea este mult afectată de efectele și de plasarea elementelor mobile pe pagină.
Transparență și inteligibilitate. Dacă cititorul trebuie să-și dea seama unde să facă clic, despre ce este vorba, atunci designul dvs. nu a reușit. Respectați tradițiile existente și nu doriți să revoluționați designul web, deoarece cititorii dvs. se vor pierde.
Robusteţe. Utilizați coduri proaspete și curate pe site-ul dvs. web. Respectați întotdeauna cele mai noi standarde.

Sună complicat? Să analizăm fiecare principiu în detaliu.

Faceți toate elementele vizibile

Utilizați fonturi de cel puțin 18 px, spațierea liniilor aeriene și nu mai mult de 80 de caractere pe linie. Utilizați paragrafe cât mai scurte posibil și analizați textul cât mai mult posibil.
Subliniați linkurile.
Folosiți un contrast puternic între culori pentru a face citirea scrisului. Cu acest metru de contrast, puteți verifica dacă fundalul este separat corespunzător de scris.
Adăugați text de înlocuire semnificativ imaginilor, videoclipurilor și oricărui alt conținut non-text.
Marcați toate formularele (formular de contact, formulare de cerere) pentru nevăzători.

Faceți pagina gestionabilă

Cititorul poate naviga manual pe pagină fără a utiliza mouse-ul. Încercați aici: puneți cursorul în caseta de căutare și apăsați Tab. Puteți vedea saltul de focalizare de la un link la altul. Apăsarea Enter este echivalentă cu un clic cu mouse-ul.
Evitați să vă inundați cititorul cu stimuli. Nu pâlpâi, rotiți sau rotiți nimic pe pagină.
Adăugați text de ancorare semnificativ la linkuri. Evitați descărcarea de aici, faceți clic aici sau descărcați pdf și ancore similare. De exemplu, în loc să faceți clic pe textul ancoră, tastați-l, utilizați această aplicație pentru metru de contrast .
Butoanele trebuie să fie mari, să poată fi făcute clic. Nu uitați să verificați telefonul mobil, deoarece butoanele tind să alunece unul peste altul.

Faceți-l ușor de înțeles (pentru alții)

Dacă cititorul dvs. completează formularul de contact incorect, readuceți-l la începutul formularului și scrieți-l în mod vizibil pentru a încerca din nou.
Afișați meniul în același mod pe fiecare pagină: nu vă deranjați cititorul, trebuind să vă familiarizați cu pagina de mai multe ori.

Claritatea este o problemă cheie. Cel mai simplu mod de a verifica acest lucru este să cereți unei persoane neexperimentate să vă revizuiască site-ul și să vă întrebați de fiecare dată: dacă nu l-aș fi scris, aș înțelege despre ce este vorba?

Fii robust

Nu ar trebui să existe probleme semnificative de validitate în codul site-ului dvs. web. Puteți verifica acest lucru și cu testul de accesibilitate W3C. Dacă primiți 5 coduri de eroare pe pagina dvs., acesta este considerat la fel de bun. Dacă ai 105, ai ceva de-a face cu asta. Acest lucru înseamnă probabil că șablonul trebuie înlocuit.

Cum să vă verificați pentru accesibilitatea site-ului dvs.?

Acum vezi cele mai importante aspecte. Doriți să vă verificați propria pagină? Testul de accesibilitate WEBAIM vă va arăta cele mai grave greșeli.

Nu trebuie să remediați totul dintr-o dată (nici al meu nu este perfect) și nici nu trebuie să vă schimbați partea imediat. Dar pentru orice reproiectare majoră a site-ului web, încercați să vă faceți site-ul web mai simplu și mai ușor de gestionat.

Țineți pasul cu mine săptămâna viitoare, în timp ce vorbim despre avantajele de accesibilitate pentru afaceri.