acessibilidade web da telefonia brasileira - virada inclusiva 2013

52
Virada Inclusiva 2013 Acessibilidade Web: Telefonia Brasileira Hudson Augusto

Upload: hudson-augusto

Post on 06-Dec-2014

476 views

Category:

Education


2 download

DESCRIPTION

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

TRANSCRIPT

Page 1: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013

Virada Inclusiva 2013

Acessibilidade Web:Telefonia Brasileira

Hudson Augusto

Page 2: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013

Virada Inclusiva - Dezembro 2012

Page 3: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013

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 da telefonia brasileira - Virada Inclusiva 2013
Page 5: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013

Acessibilidade Web dos 10 maiores empresas de Telefonia em 2012

• Dez maiores empresas de telefonia no país;

• 100 % das empresas de telefonia tem site;

• 100 % dos sites não possui Acessibilidade Web – Validação automática – WCAG 1.0;

• 100 % dos sites não possui Acessibilidade Web – Validação automática – WCGA 2.0;

• 100% dos sites não possui Acessibilidade Web –Validação automática – EMAG 3.0;

Page 6: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013

Acessibilidade Web dos 10 maiores empresas de Telefonia em 2013

• Dez maiores empresas de telefonia no país;

• 100 % das empresas de telefonia tem site;

• 100 % dos sites não possui Acessibilidade Web – Validação automática – WCAG 1.0;

• 100 % dos sites não possui Acessibilidade Web – Validação automática – WCGA 2.0;

• 100% dos sites não possui Acessibilidade Web –Validação automática – EMAG 3.0;

Page 7: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013

Acessibilidade Web dos 10 maiores empresas de Telefonia em 2012

• 90 % dos sites possui problemas de carregamentos (velocidade) do site;

• 90 % dos sites possui problemas de performance do site;

• 100 % dos sites possui erros de marcação HTML do código do site;

• 70 % dos sites possui erros de folhas de estilos (CSS) em seu site;

Page 8: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013

Acessibilidade Web dos 10 maiores empresas de Telefonia em 2013

• 70 % dos sites possui problemas de carregamentos (velocidade) do site;

• 90 % dos sites possui problemas de performance do site;

• 100 % dos sites possui erros de marcação HTML do código do site;

• 100 % dos sites possui erros de folhas de estilos (CSS) em seu site;

Page 9: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013

60%40%

Tamanho da Página PrincipalAcima de 1 MB Abaixo de 1 MB

Page 10: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013

139 230 144 731005

1672

7816

524 280 471

0

1000

2000

3000

4000

5000

6000

7000

8000

9000

Ranking (Posição) - Alexa.com

Page 11: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013

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 12: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013

Validação Automática – WCAG 1.0

Page 13: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013

Validação Automática – WCAG 1.0

Page 14: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013

100%

Acessibilidade Web: WCGA 1.0 - DaSilva

Não Acessível Acessível

Dez - 2012

Page 15: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013

100%

Acessibilidade Web: WCGA 1.0 - DaSilva

Não Acessível Acessível

Dez - 2013

Page 16: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013

10%

90%

Acessibilidade Web: WCAG 1.0 - DaSilva

Todas Prioridades Nenhuma Prioridade 3

Dez - 2012

Page 17: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013

10%

90%

Acessibilidade Web: WCAG 1.0 - DaSilva

Todas Prioridades Nenhuma Prioridade 3

Dez - 2013

Page 18: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013

Dez - 2013

Page 19: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013
Page 20: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013

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 21: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013

Validação Automática – WCAG 2.0

Page 22: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013

Validação Automática – WCAG 2.0

Page 23: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013

30%

40%

30%

Acessibilidade Web: WCGA 2.0 - Access Monitor

Acima de 5 Entre 4 e 5 Abaixo de 4

Dez - 2012

Page 24: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013

50%50%

Acessibilidade Web: WCGA 2.0 - Access Monitor

Acima de 5 Entre 4 e 5 Abaixo de 4

Dez - 2013

Page 25: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013

20%

20%

20%

40%

Acessibilidade Web: WCAG 2.0 - Acess Monitor

Critério AA Critério AAA Critério AA e AAA Nenhum

Dez - 2012

Page 26: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013

30%

10%

60%

Acessibilidade Web: WCAG 2.0 - Acess Monitor

Critério AA Todos Critério AA e AAA Nenhum

Dez - 2013

Page 27: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013
Page 28: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013
Page 29: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013
Page 30: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013

Dez - 2012

Page 31: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013

100%

Acessibilidade EMAGEntre 1 e 2 Entre 3 e 6 Acima de 6

Dez - 2013

Page 32: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013
Page 33: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013

Validação de CSS – W3C

Page 34: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013

30%

30%

20%

20%

Folhas de Estilo - CSSVálido Abaixo de 10 Entre 11 e 99 Acima de 100

Dez - 2012

Page 35: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013

20%

30%

50%

Folhas de Estilo - CSSVálido Abaixo de 10 Entre 11 e 99 Acima de 100

Dez - 2013

Page 36: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013
Page 37: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013

Validação do HTML – W3C

Page 38: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013

Dez - 2012

100%

Marcação HTML, XHTMLVálido Inválido

Page 39: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013

Dez - 2013

100%

Marcação HTML, XHTMLVálido Inválido

Page 40: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013
Page 41: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013

Validação da Performance

Page 42: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013

Dez - 2012

Page 43: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013

30%

40%

30%

Velocidade da página -Carregamento

Entre A e B Entre C e D Entre E e F

Dez - 2013

Page 44: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013
Page 45: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013

Dez - 2012

Page 46: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013

10%

90%

Performance do SiteEntre A e B Entre C e D Entre E e F

Dez - 2013

Page 47: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013
Page 48: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013

186160

9364

181

21 23 3318

102

0

20

40

60

80

100

120

140

160

180

200

Total de Requições do Servidor

Page 49: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013

6 9 12 12

3949

213 16

9

0

10

20

30

40

50

60

Erros - WebAIM

Page 50: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013

0

123

21 21

109

0 120

55

16

0

20

40

60

80

100

120

140

Erros de contraste - WebAIM

Page 51: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013

Acessibil

Usabil

Simplic

Interativ

Veloc

Encontrabil

Atrativ

Util

Facil

Portabil

Comunicabil…

IDADE

Validação de Especialista

Page 52: Acessibilidade web da telefonia brasileira - Virada Inclusiva 2013

http://metareciclagem.org

[email protected]

@hudsonaugusto

Obrigado(a) pela atenção