Avaliação de Acessibilidade Web durante a Virada Inclusiva 2013

1. Virada Inclusiva 2013
Acessibilidade Web
Portais Brasileiros
Hudson Augusto

2. Virada Inclusiva - Dezembro 2012

3. Pesquisa WEB Agosto 2012
26 Estados do Brasil, somente um
possui o site acessível.
10 cidades digitais de 2012, nenhuma
possui o site acessível.
645 cidades do Estado de São
Paulo, uma possui o site acessível

5. Acessibilidade Web dos 10 maiores
Portais Brasileiros em 2012
• Ranking dos portais = Alexa.Com;
• Portais de emissora de TV, de Jornais
Impressos e do mesmo grupo de revistas;
• 90 % dos portais não possui Acessibilidade Web
– Validação automática – WCAG 1.0;
• 100 % dos portais não possui Acessibilidade
Web – Validação automática – WCGA 2.0;
• 100% dos portais não possui Acessibilidade
Web – Validação automática – EMAG 3.0;

6. Acessibilidade Web dos 10 maiores
Portais Brasileiros em 2013
• Ranking dos portais = Alexa.Com;
• Portais de emissora de TV, de Jornais
Impressos e do mesmo grupo de revistas;
• 100 % dos portais não possui Acessibilidade
Web – Validação automática – WCAG 1.0;
• 100 % dos portais não possui Acessibilidade
Web – Validação automática – WCGA 2.0;
• 100% dos portais não possui Acessibilidade
Web – Validação automática – EMAG 3.0;

7. Acessibilidade Web dos 10 maiores
Portais Brasileiros em 2012
• 10 % dos portais possui problemas de
carregamentos (velocidade) do site;
• 80 % dos portais possui problemas de
performance do site;
• 100 % dos portais possui erros de marcação
HTML do código do site;
• 100 % dos portais possui erros de folhas de
estilos (CSS) em seu site;

8. Acessibilidade Web dos 10 maiores
Portais Brasileiros em 2013
• 10 % dos portais possui problemas de
carregamentos (velocidade) do site;
• 100 % dos portais possui problemas de
performance do site;
• 90 % dos portais possui erros de marcação
HTML do código do site;
• 100 % dos portais possui erros de folhas de
estilos (CSS) em seu site;

9. Portais Brasileiros
Grupo Abril
Emissora de TV
Jornais Impressos
30%
30%
20%
20%
Outros

10. Ranking (Posição) - Alexa.com
40
35
35
28
30
25
20
15
10
5
6
8
12
14
15
17
19
5
0
Dez - 2012

11. Ranking (Posição) - Alexa.com
90
100
90
80
70
60
50
30
40
30
20
10
5
6
4
14
11
35
24
12
0
Dez - 2013

12. Ranking (Posição) – Alexa.com
100
90
80
70
60
50
40
30
20
10
0
2013
2012

13. Tamanho da Página Principal
Acima de 1 MB
Abaixo de 1 MB
20%
80%
Dez - 2013

15. Acessibilidade Web – WCGA 1.0
Prioridade 1
Prioridade 2
Prioridade 3
Pontos que os criadores de sites Web
DEVEM
DEVERIAM
PODEM
Satisfazer, senão um ou mais grupos de usuários
Ficarão
Impossibilitados
Terão
Dificuldades
Poderão ter
dificuldades

16. Validação Automática – WCAG 1.0

17. Validação Automática – WCAG 1.0

18. Acessibilidade Web:
WCGA 1.0 - DaSilva
Não Acessível
Acessível
10%
90%
Dez - 2012

19. Acessibilidade Web:
WCAG 1.0 – DaSilva
Todas Prioridades
Nenhuma
Prioridade 3
Prioridade 1 e 2
10%
10%
80%
Dez - 2013

21. Dez - 2013

22. Acessibilidade Web – WCGA 2.0
Princípios
Perceptível
Operável
Compreensível
Robusto
Critério A
Critério AA
Critério AAA
Prioridade 1
Prioridade 1 e 2
Prioridade 1, 2 e 3
Pontos que os criadores de sites Web
DEVEM
DEVERIAM
PODEM
Satisfazer, senão um ou mais grupos de usuários
Ficarão
Impossibilitados
Terão
Dificuldades
Poderão ter
dificuldades

23. Validação Automática – WCAG 2.0

24. Validação Automática – WCAG 2.0

25. Acessibilidade Web: WCGA
2.0 - Access Monitor
Acima de 5
Entre 4 e 5
Abaixo de 4
10%
40%
50%
Dez - 2012

26. Acessibilidade Web: WCGA
2.0 - Access Monitor
Acima de 5
50%
Entre 4 e 5
Abaixo de 4
50%
Dez - 2013

27. Acessibilidade Web: WCAG
2.0 - Access Monitor
Critério AA
60%
Critério AAA
Nenhum
40%
Dez - 2012

28. Acessibilidade Web: WCAG
2.0 - Acess Monitor
Critério AA
Critério AAA
Critério AA e AAA
Nenhum
30%
60%
10%
Dez - 2013

31. Dez - 2012

32. Acessibilidade EMAG
Entre 1 e 2
Entre 3 e 6
Acima de 6
Falha
20%
40%
20%
20%
Dez - 2013

34. Validação de CSS – W3C

35. Folhas de Estilo - CSS
Abaixo de 10
Entre 11 e 50
Acima de 100
10%
30%
60%
Dez - 2012

36. Folhas de Estilo - CSS
Válido
Abaixo de 10
Entre 11 e 99
Acima de 100
20%
50%
30%
Dez - 2013

38. Validação do HTML – W3C

39. Marcação HTML, XHTML
Válido
Inválido
Falha
20%
80%
Dez - 2012

40. Marcação HTML, XHTML
Válido
Inválido
Abaixo de 10
100%
Dez - 2013

42. Validação da Performance

43. Velocidade da página Carregamento
Entre A e B
Entre C e D
Entre E e F
10%
90%
Dez - 2012

44. Velocidade da página Carregamento
Entre A e B
Entre C e D
30%
Entre E e F
30%
40%
Dez - 2013

45. Performance do Site
Entre A e B
Entre C e D
Entre E e F
20%
40%
40%
Dez - 2012

46. Performance do Site
Entre A e B
Entre C e D
Entre E e F
10%
90%
Dez - 2013

49. Total de Requições do Servidor
317
350
300
234
250
200
150
100
293
288
188
145
89
86
119
142
50
0
Dez - 2013

50. Erros - WebAIM
160
137
140
120
100
80
53
60
40
20
26 24
13
2
37
19 17
26
0
Dez - 2013

51. Erros de contraste - WebAIM
450
381
400
350
300
250
171
200
92 104
150
100
50
58
13
54
130
40
17
0
Dez - 2013

52. Acessibil
Usabil
Simplic
Interativ
Veloc
Encontrabil
Atrativ
Util
Facil
IDADE
Portabil
Comunicabil
…
Validação de Especialista

53. Obrigado(a) pela atenção
http://metareciclagem.org
hudsonaugusto@gmail.com
@hudsonaugusto