Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013
-
Upload
hudson-augusto -
Category
Documents
-
view
864 -
download
0
description
Transcript of Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013
![Page 1: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/1.jpg)
Virada Inclusiva 2013
Acessibilidade WebPortais Brasileiros
Hudson Augusto
![Page 2: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/2.jpg)
Virada Inclusiva - Dezembro 2012
![Page 3: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/3.jpg)
Pesquisa WEB Agosto 2012
26 Estados do Brasil, somente umpossui o site acessível.
10 cidades digitais de 2012, nenhumapossui o site acessível.
645 cidades do Estado de São Paulo, uma possui o site acessível
![Page 4: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/4.jpg)
![Page 5: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/5.jpg)
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;
![Page 6: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/6.jpg)
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;
![Page 7: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/7.jpg)
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;
![Page 8: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/8.jpg)
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;
![Page 9: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/9.jpg)
30%
20%20%
30%
Portais Brasileiros
Grupo Abril Emissora de TV Jornais Impressos Outros
![Page 10: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/10.jpg)
5 6 812 14 15 17 19
28
35
0
5
10
15
20
25
30
35
40
Ranking (Posição) - Alexa.com
Dez - 2012
![Page 11: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/11.jpg)
5 6 414 11 12
3024
35
90
0
10
20
30
40
50
60
70
80
90
100
Ranking (Posição) - Alexa.com
Dez - 2013
![Page 12: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/12.jpg)
0102030405060708090
100
Ranking (Posição) – Alexa.com2013 2012
![Page 13: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/13.jpg)
80%
20%
Tamanho da Página PrincipalAcima de 1 MB Abaixo de 1 MB
Dez - 2013
![Page 14: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/14.jpg)
![Page 15: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/15.jpg)
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
Acessibilidade Web – WCGA 1.0
![Page 16: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/16.jpg)
Validação Automática – WCAG 1.0
![Page 17: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/17.jpg)
Validação Automática – WCAG 1.0
![Page 18: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/18.jpg)
90%
10%
Acessibilidade Web: WCGA 1.0 - DaSilva
Não Acessível Acessível
Dez - 2012
![Page 19: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/19.jpg)
80%
10%
10%
Acessibilidade Web: WCAG 1.0 – DaSilva
Todas Prioridades Nenhuma Prioridade 3 Prioridade 1 e 2
Dez - 2013
![Page 20: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/20.jpg)
![Page 21: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/21.jpg)
Dez - 2013
![Page 22: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/22.jpg)
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
Acessibilidade Web – WCGA 2.0
Critério A Critério AA Critério AAA
Perceptível Operável Compreensível Robusto
Princípios
![Page 23: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/23.jpg)
Validação Automática – WCAG 2.0
![Page 24: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/24.jpg)
Validação Automática – WCAG 2.0
![Page 25: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/25.jpg)
10%
50%
40%
Acessibilidade Web: WCGA 2.0 - Access Monitor
Acima de 5 Entre 4 e 5 Abaixo de 4
Dez - 2012
![Page 26: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/26.jpg)
50%50%
Acessibilidade Web: WCGA 2.0 - Access Monitor
Acima de 5 Entre 4 e 5 Abaixo de 4
Dez - 2013
![Page 27: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/27.jpg)
40%60%
Acessibilidade Web: WCAG 2.0 - Access Monitor
Critério AA Critério AAA Nenhum
Dez - 2012
![Page 28: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/28.jpg)
30%
10%60%
Acessibilidade Web: WCAG 2.0 - Acess Monitor
Critério AA Critério AAA Critério AA e AAA Nenhum
Dez - 2013
![Page 29: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/29.jpg)
![Page 30: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/30.jpg)
![Page 31: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/31.jpg)
Dez - 2012
![Page 32: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/32.jpg)
20%
20%
20%
40%
Acessibilidade EMAGEntre 1 e 2 Entre 3 e 6 Acima de 6 Falha
Dez - 2013
![Page 33: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/33.jpg)
![Page 34: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/34.jpg)
Validação de CSS – W3C
![Page 35: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/35.jpg)
10%
60%
30%
Folhas de Estilo - CSSAbaixo de 10 Entre 11 e 50 Acima de 100
Dez - 2012
![Page 36: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/36.jpg)
20%
30%
50%
Folhas de Estilo - CSS
Válido Abaixo de 10 Entre 11 e 99 Acima de 100
Dez - 2013
![Page 37: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/37.jpg)
![Page 38: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/38.jpg)
Validação do HTML – W3C
![Page 39: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/39.jpg)
80%
20%
Marcação HTML, XHTMLVálido Inválido Falha
Dez - 2012
![Page 40: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/40.jpg)
100%
Marcação HTML, XHTMLVálido Inválido Abaixo de 10
Dez - 2013
![Page 41: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/41.jpg)
![Page 42: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/42.jpg)
Validação da Performance
![Page 43: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/43.jpg)
90%
10%
Velocidade da página -Carregamento
Entre A e B Entre C e D Entre E e F
Dez - 2012
![Page 44: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/44.jpg)
30%
40%
30%
Velocidade da página -Carregamento
Entre A e B Entre C e D Entre E e F
Dez - 2013
![Page 45: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/45.jpg)
20%
40%
40%
Performance do SiteEntre A e B Entre C e D Entre E e F
Dez - 2012
![Page 46: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/46.jpg)
10%
90%
Performance do SiteEntre A e B Entre C e D Entre E e F
Dez - 2013
![Page 47: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/47.jpg)
![Page 48: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/48.jpg)
![Page 49: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/49.jpg)
145188
89
317288
234
86119
293
142
0
50
100
150
200
250
300
350
Total de Requições do Servidor
Dez - 2013
![Page 50: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/50.jpg)
26 2413
2
5337
19 17
137
26
0
20
40
60
80
100
120
140
160Erros - WebAIM
Dez - 2013
![Page 51: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/51.jpg)
58
381
13
92 10454
17 40
171130
0
50
100
150
200
250
300
350
400
450
Erros de contraste - WebAIM
Dez - 2013
![Page 52: Acessibilidade web dos portais brasileiros - Virada Inclusiva 2013](https://reader034.fdocumentos.tips/reader034/viewer/2022042713/5482a1ff5906b59e158b4599/html5/thumbnails/52.jpg)
Acessibil
Usabil
Simplic
Interativ
Veloc
Encontrabil
Atrativ
Util
Facil
Portabil
Comunicabil…
IDADE
Validação de Especialista