Ultimele tutoriale de dezvoltare web
 

Web WAI


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).