Share
Crearea și proiectarea conținutului accesibil înseamnă mai mult decât alegerea unei tipografii accesibile. Chiar și cu familii de fonturi "perfecte" instalate pe site-ul dvs., persoanele cu viziune redusă, cognitivă, limbă și dizabilități de învățare se pot încă înnebuni să proceseze textul.
Să examinăm toți pașii și considerentele de proiectare pe care trebuie să le țineți cont atunci când vă faceți mai accesibil conținutul.
Acest tutorial face parte din Accesibilitatea Web: Ghidul complet de învățare, unde am colectat o serie de tutoriale, articole, cursuri și cărți electronice, pentru a vă ajuta să înțelegeți accesibilitatea web de la început.
Poate fi un pic copleșitor atunci când vă gândiți la toate elementele pe care trebuie să le luați în considerare atunci când alegeți un tip de text accesibil - serif vs. sans-serif, variații de font, dimensiune font, kerning, urmărire ... pentru a numi doar câteva - dar dacă urmați instrucțiunile de mai jos vă vor face primii pași în a face mai accesibilă tipografia site-ului dvs..
Mai puțin este mai mult atunci când vine vorba de tipografie accesibilă. Cea mai ușoară modalitate de a vă face tipografia accesibilă este să alegeți un font comun și să limitați numărul de fonturi de pe site-ul dvs. Web. Acest lucru este deosebit de important pentru copia dvs. principal. Studiile arată că fonturile obișnuite câștigă cel mai adesea când viteza de citire și preferințele utilizatorilor diferitelor fonturi sunt comparate.
Familiile de fonturi obișnuite utilizate pentru accesibilitateFonturile comune includ:
Nu este faptul că aceste fonturi sunt în mod inerent accesibile, însă majoritatea utilizatorilor care au dificultăți în alegerea tipografiei au văzut deja aceste fonturi și au învățat cum să lucreze cu (sau în jurul) acestora.
Cercetarea nu este concludentă cu privire la faptul dacă serifurile sau serifele serif sunt mai ușor de citit. Deci, această alegere este în întregime a ta atâta timp cât alegeți fonturi comune sau familii de fonturi care au caractere puternice și unice.
Lizibilitatea: diferențele dintre Gill Sans și PT MonoPentru persoanele cu deficiențe de vedere sau dislexie, anumite scrisori sau combinații de litere pot fi confuze, deci este important ca formele litere să fie clar definite și unice. Deținuții obișnuiți sunt "I" (ex. India), "l" (de exemplu salată) și "1" (ex. De asemenea, caracterele precum "b" și "d" și "q" și "p" pot fi câteodată oglindite (stânga-dreapta sau sus-jos), astfel încât cuvinte cum ar fi "qquueb "Sau uneori într-un cuvânt real care ar schimba în întregime sensul conținutului.
Există câteva caracteristici care pot ajuta la lizibilitate. Deci, atunci când căutați următoarea familie de fonturi, acordați o atenție deosebită următoarelor lucruri și veți fi pe cale să alegeți un font accesibil:
Pe lângă alegerea unei familii de fonturi obișnuite și acordând atenție caracterului unic al caracterului, asigurați-vă că evitați să utilizați fonturi și / sau fonturi scumpe sau scrise de mână, care au doar un singur caractere disponibile (de exemplu numai caractere mari). Fonturile de specialitate cu forme cursive sau neobișnuite sau caracteristici artistice pot arăta frumos, dar sunt mult mai greu de citit decât familiile obișnuite ale fonturilor.
Evitați aceste fonturi de afișare atunci când proiectați pentru accesibilitateDe asemenea, nu utilizați fonturi care pretind că sunt accesibile sau care ajută la un anumit handicap (ex., Fonturi dislexice). Sunt tentative de a folosi, dar nu există dovezi clare că ajută cititorii. Este mai bine să alegeți un font comun pe care majoritatea utilizatorilor dvs. îl cunoașteți deja.
Oamenii presupun adesea că, după ce au ales un font accesibil, treaba lor este gata - greșit! Următorul pas este să luați în considerare modul în care fonturile vor fi efectiv redactate pe o pagină și să le creați în ghidul lor de stil sau să limitați cumva anumite stiluri editorilor / creatorilor de conținut pentru a vă asigura că tipografia rămâne accesibilă.
Unele dimensiuni de font și stil pot fi problematice pentru persoanele cu dizabilități. De exemplu, cititorii de ecran ignoră adesea metodele de stil, cum ar fi caracterele aldine și cursive, făcând aceste stiluri inutile pentru utilizatorii nevăzători. Utilizatorii cu vizibilitate redusă sau orbire cu culoare pot să nu poată vedea o parte din text dacă este prea mic, în timp ce alți utilizatori pot avea dificultăți în a citi textul italic.
Din aceste motive, trebuie să luați în considerare următoarele linii directoare:
* Da, am folosit text în mai multe imagini în acest articol, dar conținutul este adesea reprodus în formă textuală și fiecare imagine are o descriere descriptivă Alt etichetă…
Cu numărul de persoane care au o varianță de orbire a culorii, suferă de viziune redusă sau sunt total orb (toate împreună aproximativ 9% din populația globală), aceasta este o zonă foarte mare în care designerii pot avea un impact direct și imediat asupra accesibilitatea site-ului.
Exemplu de diagramă a raportului de culoare pentru fonturiExistă o mulțime de lucruri de luat în considerare atunci când faceți accesul dvs. de conținut dintr-o perspectivă de culoare și constrângeri, inclusiv:
În timp ce alegerea ta de tipografie și stil poate contribui cu siguranță la crearea sau ruperea unui site din punct de vedere al accesibilității, importanța structurii și aspectului nu trebuie ignorată. Modul în care site-ul dvs. este stabilit (UI) și modul în care oamenii interacționează de fapt cu site-ul dvs. Web (UX) sunt factori la fel de importanți în ceea ce privește accesul la conținut. Utilizatorii cu cititoare de ecran, tulburări de lectură, dizabilități de învățare sau tulburări de deficit de atenție vor beneficia în special de a avea un aspect clar și un conținut concis.
Gândiți-vă la fiecare pagină de pe site-ul dvs. ca fiind o schiță a unei povesti. Gândindu-vă la paginile dvs. web ca povesti individuale, vă va ajuta să planificați structura generală a paginilor utilizând titluri, subpoziții și paragrafe. O mare bucată din acest lucru face elemente critice distincte vizual unul de celălalt. Dacă sunt prea apropiate în apropierea lor, poate fi dificil să se spună unde începe un element și altul se termină, mai ales dacă au un stil similar.
Exemple de spațiere a paragrafelorPentru persoanele cu anumite lecturi sau dizabilități vizuale, liniile lungi de text pot fi, de asemenea, o barieră. Acești utilizatori au probleme la păstrarea locului și la urmărirea fluxului de conținut. Având un bloc îngust de text, le este mai ușor să continue la următoarea linie într-un bloc. Numărul de caractere pe linie în orice paragraf sau secțiune a textului ("măsura") nu trebuie să depășească 80. Pentru caracterele chinezești, japoneze sau coreene, trebuie să limitați la 40 lățimile fiecărei linii pentru a ajuta la focalizare și lizibilitate.
În cele din urmă, când vă gândiți la structura și aspectul paginii, asigurați-vă că vă gândiți toate utilizatorii dvs. Pagina trebuie să aibă sens pentru utilizatori pe orice punct de întrerupere și dispozitiv folosind un mouse, o tastatură, un ecran tactil sau alt dispozitiv de tehnologie adaptivă. Odată ce structura scheletului este pusă în practică, stilul fiecărei propoziții și paragrafului intră în joc.
Pentru persoanele cu tulburări cognitive și de deficit de atenție, spațiul alb este util pentru a menține concentrarea la citire. Este cea mai bună practică să setați spațiul dintre fiecare propoziție la 1,5 față de înălțimea liniei de tipul dvs. În paragrafe, spațiul trebuie să fie de cel puțin 1,5 ori mai mare decât distanța dintre linii pentru a defini în mod clar noi secțiuni de conținut. În cele mai multe situații, distanța între linii nu trebuie să depășească 2,0, iar distanța dintre paragrafe nu trebuie să depășească de 2 ori mai mare decât distanța dintre linii sau dacă riscați să distrageți cititorii.
Text complet justificat versus text aliniat la stângaÎn mod similar, persoanele cu anumite lecturi sau dizabilități cognitive au probleme la citirea textului, care este pe deplin justificat. Spațierea inegală dintre cuvinte în text complet justificat poate cauza "râuri de spațiu" pentru a forma pagina în jos, ceea ce face ca conținutul să fie dificil de citit. Justificarea textului poate provoca, de asemenea, ca cuvintele fie să fie strânse împreună, fie întinse în moduri nenaturale, astfel încât cititorii să găsească dificilă localizarea limitelor cuvântului.
Există multe considerații de proiectare pentru a vă face conținutul mai accesibil tuturor. Unele lucruri pe care trebuie să le gândiți și să le construiți în fluxul de lucru de proiectare include:
Accentsconagua