WAI definește liniile directoare pentru dezvoltatori web.
WAI - Web Accessibility Initiative
WAI (W3C,1997) este un set de orientări destinate pentru dezvoltatori și designeri web, cu privire la modul de a face web accesibile persoanelor cu handicap.
Scopul acestor orientări este de accesibilitate, dar ele vor contribui, de asemenea, face conținutul web disponibil pentru mai multe browsere (browsere vocale, telefoane mobile, dispozitive portabile) și pentru mai mulți utilizatori care lucrează în medii dificile (hands-free, puternic lumină, întuneric, vedere rău, zgomot greu).
Dacă site - ul dvs. nu este dotat caracteristici WAI (good contrast, resizable text, images with descriptions) , persoanele cu handicap nu vor putea accesa informațiile.
Motive pentru a face site-ul mai accesibil:
- Aceasta va îmbunătăți reputația și satisfacția de client
- Acesta va crește numărul dvs. de vizitatori
- Se va lasa vizitatorii dvs. stau mai mult la site-ul dvs.
- Acesta va face site-ul mai ușor de utilizat pentru persoanele cu echipamente mai vechi
Amintiți - vă "alt"
alt atribut vă permite să furnizeze un text alternativ pentru o imagine:
<img src="images/banana.jpg" alt="Banana">
Uneori, un browser web nu va afișa imaginile. Motivul ar putea fi una dintre mai multe:
- Utilizatorul a oprit afișarea imaginilor
- Browserul este un mini-browser-ul fără afișare a imaginii
- Browser-ul este un browser voce
Dacă utilizați "alt" atribut, cele mai multe browsere vor fi cel puțin de afișare (or read) "alt" text.
Nu utilizați fonturi mici
Unele site - uri web utilizează o dimensiune de text mic , doar pentru a "squeeze" mai mult text în fiecare pagină, sau pentru a face pagina mai "stylish" .
Din nou, vizitatorii cu diferite echipamente, condiții de vizionare, sau dizabilități ar putea avea dificultăți în citirea textului.
Nu forțați vizitatorii dvs. pentru a mări dimensiunea textului de fiecare dată când vizitează site-ul.
Ales cele mai bune scrisoare și interliniaj
Text cu spațiul dintre litere în plus este ușor de citit.
Text cu spațiul dintre litere redusă este dificil de citit.
Text cu bun
spațiere linie
este ușor de citit.
Text cu redus
spațiere linie
este dificil de citit.
Evitați Fancy Fonturi
fonturi normale sunt ușor de citit.
Italic fonts are not so easy to read.
fonturile serif sunt mai dificil de citit.
Evitați Contraste Poor culoare
text negru pe un fundal alb, sau text alb pe un fond negru, este cel mai bun pentru persoanele cu funcții de vizualizare handicap, precum și pentru afișarea pe echipamente rău.
Textul gri pe un fundal de lumină poate da un contrast slab:
Culoarea textului #aaaaaa pe fundal alb |
Culoarea textului # 666666 pe fundal alb |
Culoarea textului # 333333 pe fundal alb |
Culoarea textului # 000000 pe fundal alb |
Textul gri pe un fundal întunecat poate oferi, de asemenea, un contrast slab:
Culoarea textului # 666666 pe fond negru |
Culoarea textului #aaaaaa pe fond negru |
Culoarea textului #CCCCCC pe fond negru |
Culoarea textului #FFFFFF pe fond negru |
Unele combinații - cum ar fi negru și roșu, negru și albastru, galben și verde - tulpina mereu ochi:
text negru pe un fundal roșu |
text negru pe un fundal albastru |
Text galben pe un fond verde |
Și unele combinații nu sunt așa de rău:
text negru pe un fundal gri |
Text negru pe un albastru deschis |
Text negru pe alb antic |
Text alb pe albastru închis |
Setați întotdeauna Culoare fundal
Cele mai multe pagini web folosesc culori pentru diferite elemente de text. Ambele anteturile și link-uri sunt de multe ori într-o culoare diferită de textul corpului.
Ca un web designer, ar trebui să fie conștienți de faptul că vizitatorii sunt capabili să-și schimbe preferințele de culoare implicite.
Dacă definiți culorile pentru elementele dvs. de web (like header and links) - (like header and links) , ar trebui să definească , de asemenea , culoarea de fundal.
Dacă nu definiți o culoare de fundal, site-ul dvs. s-ar putea termina cu o combinație foarte rău de culori (cum ar fi anteturile de lumină roșie pe un fundal roșu, sau chiar mai rău, text negru pe un fundal negru).