Accesibilitate pentru creatorii de conținut: Scrie și produce conținut incluziv

Accesibilitatea nu începe cu designul și nu se termină cu codul. Creatorii de conținut — scriitori, editori, specialiști în marketing și producători multimedia — au un impact direct și semnificativ asupra posibilității ca un conținut digital să fie utilizabil de către toți. Cuvintele pe care le alegi, structura pe care o creezi, imaginile pe care le descrii și media pe care o produci determină toate experiența utilizatorilor cu dizabilități.

Vestea bună este că scrierea accesibilă înseamnă în mare parte a scrie bine. Conținutul clar, structurat și descriptiv beneficiază toți utilizatorii, nu doar pe cei care folosesc tehnologie asistivă.

Scrie în limbaj clar

Scrierea clară și directă este o cerință de accesibilitate, nu doar o preferință de stil. Utilizatorii cu dizabilități cognitive, dificultăți de învățare precum dislexia, vorbitorii non-nativi și utilizatorii care sunt pur și simplu ocupați sau distrași beneficiază toți de conținut ușor de înțeles.

Scrie în propoziții scurte cu voce activă. Folosește cuvinte obișnuite în locul jargonului sau terminologiei tehnice — și când termeni specializați sunt necesari, explică-i. Împarte paragrafele lungi în paragrafe mai scurte cu subtitluri descriptive. Folosește liste atunci când prezinți mai multe elemente sau pași. Evită idiomurile, metaforele și referințele specifice culturii care s-ar putea să nu se traducă bine.

WCAG cere ca conținutul să fie cât mai lizibil posibil, iar la nivel AAA, ca un conținut suplimentar sau o versiune alternativă să fie puse la dispoziție atunci când textul necesită un nivel de alfabetizare peste nivelul școlii generale.

Text alternativ pentru imagini

Textul alternativ este una dintre cele mai importante responsabilități de conținut. Fiecare imagine care transmite informație are nevoie de o alternativă text care comunică aceeași informație utilizatorilor care nu pot vedea imaginea. Cititoarele de ecran citesc cu voce tare textul alternativ, iar acesta apare atunci când imaginile nu pot fi încărcate.

Un text alternativ bun se referă la transmiterea scopului, nu doar a aspectului. Întreabă-te: ce informație transmite această imagine pe care utilizatorul trebuie să o știe? O fotografie a unei echipe într-o ședință ar putea avea nevoie de textul alternativ „Echipă colaborând la planuri de proiect în jurul unei mese de conferință" în loc de „foto.jpg" sau un vag „fotografie de echipă".

Diferite tipuri de imagini necesită abordări diferite:

Imaginile informative care transmit conținut au nevoie de text alternativ descriptiv care comunică informația. Păstrează-l concis — de obicei sub 125 de caractere — dar asigură-te că informația esențială este prezentă.

Imaginile funcționale, precum icoanele folosite ca butoane, au nevoie de text alternativ care descrie funcția, nu aspectul. O pictogramă lupă într-un buton de căutare ar trebui să aibă textul alternativ „Căutare", nu „lupă".

Imaginile decorative care adaugă interes vizual dar nicio informație ar trebui să aibă text alternativ gol (alt=""), astfel încât cititoarele de ecran să le sară complet. Fotografiile de stoc folosite exclusiv din motive estetice intră adesea în această categorie.

Imaginile complexe, precum diagramele, graficele, infograficele sau ilustrațiile, necesită mai mult decât un scurt atribut alt. Oferă un text alternativ scurt care identifică imaginea, apoi oferă o descriere detaliată în apropiere — fie ca text vizibil, o legendă sau o descriere lungă cu link.

Textul linkurilor

Linkurile trebuie să aibă sens fără context. Utilizatorii de cititoare de ecran navighează adesea afișând o listă a tuturor linkurilor de pe o pagină. Dacă fiecare link spune „Citește mai mult" sau „Click aici", lista este inutilă.

Scrie text de link care descrie unde duce linkul sau ce face. În loc de „Click aici pentru a descărca ghidul nostru de accesibilitate", scrie „Descarcă ghidul nostru de accesibilitate". În loc de „Citește mai mult", scrie „Citește mai mult despre nivelurile de conformitate WCAG".

Nu folosi niciodată un URL brut ca text de link, cu excepția cazului în care URL-ul în sine este informația transmisă. URL-urile sunt greu de citit cu voce tare și și mai greu de înțeles când sunt auzite.

Titluri și structură

Folosește titlurile pentru a crea o ierarhie semnificativă a conținutului, nu pentru stilizare vizuală. Utilizatorii de cititoare de ecran navighează prin titluri pentru a scana conținutul și a sări la secțiunile de interes. Titlurile ar trebui să urmeze o ordine logică — H1 pentru titlul paginii, H2 pentru secțiunile principale, H3 pentru subsecțiunile din cadrul acelor secțiuni — fără a sări niveluri.

Fiecare pagină ar trebui să aibă exact un singur H1. Subtitlurile ar trebui să fie suficient de descriptive pentru ca un utilizator să poată înțelege conținutul secțiunii doar din titlu.

Tabele

Folosește tabelele pentru date tabulare — informații cu relații semnificative între rânduri și coloane. Nu folosi niciodată tabele pentru layout vizual. Când folosești tabele, include celule de antet corecte folosind elemente <th> cu atribute scope care indică dacă sunt antete de rând sau de coloană. Pentru tabele complexe cu mai multe niveluri de antete, folosește atributele id și headers pentru a asocia explicit celulele de date cu antetele lor.

Oferă o legendă sau un rezumat care descrie scopul tabelului, mai ales pentru tabelele de date complexe.

Liste

Când prezinți un grup de elemente conexe, folosește liste HTML reale — liste ordonate (<ol>) pentru elemente secvențiale și liste neordonate (<ul>) pentru elemente non-secvențiale. Nu crea liste false cu întreruperi de linie și cratime sau puncte. Marcajul corect de listă spune cititoarelor de ecran câte elemente sunt în listă și unde se află utilizatorul în cadrul ei.

Conținut video și audio

Conținutul multimedia are cerințe specifice de accesibilitate:

Subtitrările trebuie furnizate pentru toate videoclipurile preînregistrate cu sunet. Subtitrările trebuie să includă tot dialogul vorbit, să identifice cine vorbește când nu este evident vizual și să includă efecte sonore semnificative. Subtitrările trebuie sincronizate cu sunetul și disponibile ca subtitrări opționale pe care utilizatorii le pot activa sau dezactiva.

Transcrierile trebuie furnizate pentru conținutul audio preînregistrat, cum ar fi podcasturile. Transcrierile trebuie să includă tot conținutul vorbit, să identifice vorbitorii și să descrie sunetele non-vorbite relevante.

Descrierea audio trebuie furnizată pentru videoclipurile preînregistrate în care informația vizuală importantă nu este transmisă prin coloana sonoră. Descrierea audio narează elementele vizuale semnificative — acțiuni, schimbări de scenă, text pe ecran — în pauzele naturale din dialog.

Redarea automată a sunetului trebuie să poată fi evitată. Dacă sunetul se redă automat mai mult de trei secunde, oferă un mecanism de a pune pe pauză, opri sau controla volumul independent de volumul sistemului.

Documente accesibile

PDF-urile și alte documente descărcabile trebuie să fie și ele accesibile. Aceasta înseamnă că au nevoie de structură corectă de etichete (titluri, liste, tabele), o ordine logică de citire, text alternativ pentru imagini, limbă definită a documentului și marcaje de navigare în documentele mai lungi.

Când este posibil, prezintă informațiile importante ca conținut web în loc de documente descărcabile. Conținutul web este inerent mai flexibil și mai ușor de făcut accesibil decât PDF-urile.

Conținut pe rețelele sociale

Accesibilitatea se extinde și la rețelele sociale. Adaugă text alternativ imaginilor postate pe platformele de social media — cele mai multe platforme majore suportă acum acest lucru. Folosește CamelCase în hashtag-uri, astfel încât cititoarele de ecran să le poată citi corect (de ex. #AccesibilitateWeb în loc de #accesibilitateweb). Evită transmiterea informației exclusiv prin imagini sau video fără alternative text.

Caracteristici senzoriale

Nu oferi niciodată instrucțiuni care se bazează exclusiv pe caracteristici senzoriale precum forma, culoarea, dimensiunea, poziția vizuală, direcția sau sunetul. În loc de „click pe butonul verde" sau „vezi panoul lateral din dreapta", oferă context suplimentar: „click pe butonul Trimite" sau „vezi secțiunea Articole Conexe".