67
Acessibilidade Web Um panorama brasileiro Hudson Augusto

Acessibilidade web Campus Party 2013

Embed Size (px)

Citation preview

Page 1: Acessibilidade web   Campus Party 2013

Acessibilidade WebUm panorama

brasileiro

Hudson Augusto

Page 2: Acessibilidade web   Campus Party 2013

Virada Inclusiva - Dezembro 2012

Page 3: Acessibilidade web   Campus Party 2013

Informação para TodosA acessibilidade na Web significa,

permitir o acesso a todos em qualquer

lugar, independente do tipo de

usuário, situação ou ferramenta.

Design Universal da Informação

Page 4: Acessibilidade web   Campus Party 2013

Decreto Nº 5.296/04 - Art. 47

Estabeleceu-se um prazo de 12 meses

para que todos os portais

governamentais

fossem adequados para acomodar

requisitos de acessibilidade.

Page 5: Acessibilidade web   Campus Party 2013

Convenção da ONU sobre os Direitos das

Pessoas com Deficiência (2007)

Artigo 9

g) Promover o acesso de pessoas com

deficiência a novos sistemas e tecnologias da

informação e comunicação, inclusive à

internet;

Page 6: Acessibilidade web   Campus Party 2013

Convenção sobre os Direitos das Pessoas com

Deficiência (2007) - Artigo 21

c) Urgir as entidades privadas que oferecem

serviços ao público em geral, inclusive por meio

da Internet, a fornecer informações e serviços

em formatos acessíveis, que possam ser usados

por pessoas com deficiência;

Page 7: Acessibilidade web   Campus Party 2013

Pesquisa Censo na WEB 2010

98% das páginas de governo não eram acessíveis.

95% das páginas de governo federais não eram acessíveis.

Fonte: W3C

Page 8: Acessibilidade web   Campus Party 2013

Pesquisa Censo na WEB 2012

95% das páginas de governo não eram acessíveis.

93% das páginas de governo federais não eram acessíveis.

Fonte: W3C

Page 9: Acessibilidade web   Campus Party 2013

Pesquisa WEB Dezembro -2012

- 645 cidades do Estado de São Paulo, uma possui o site acessível

- Das dez melhores Universidadespontuadas no ENADE / MEC, nenhuma

possui o site acessível.

Page 10: Acessibilidade web   Campus Party 2013

- Dos 10 maiores Bancos do Brasil, somente dois possui o site

acessível.

- Dos 10 maiores Portais de Notícias, um possui o site acessível.

- Das 10 maiores empresas de Telefonia, nenhuma possui o site

acessível.

Page 11: Acessibilidade web   Campus Party 2013

Acessibilidade Web trimestral dos Estados Brasileiros

Dos 26 Estados

Brasileiros, um possuía

o site acessível

em Agosto de 2012.

Page 12: Acessibilidade web   Campus Party 2013

Acessibilidade Web dos Estados Brasileiros (Trimestral)

• Verificar a Acessibilidade Web – Validação automática (WCAG 1.0) dos sites;

• Verificar a Acessibilidade Web – Validação automática (WCAG 2.0 ) dos sites;

• Verificar a Acessibilidade Web – Validação automática (EMAG 3.0 ) dos sites;

• Verificar o ranking dos sites estaduais conforme o Alexa.Com;

• Verificar quantos sites disponibilizam a Lei de Acesso a Informação (banner) e e-Sic;

Page 13: Acessibilidade web   Campus Party 2013

• Verificar quantos problemas de carregamentos (velocidade = Page Speed) dos sites, conforme o Alexa.Com;

• Verificar quantos problemas de performance dos sites (Yslow);

• Verificar quantos erros de marcação (X)HTML do código dos sites, conforme os padrões W3C;

• Verificar quantos erros de folhas de estilos (CSS) dos sites, conforme os padrões W3C;

Acessibilidade Web dosEstados Brasileiros (Trimestral)

Page 14: Acessibilidade web   Campus Party 2013
Page 15: Acessibilidade web   Campus Party 2013

15%

31%31%

11%

12%

Localização GeográficaRegião Sudeste Região Norte Região Nordeste Região Centro Oeste Região Sul

Page 16: Acessibilidade web   Campus Party 2013

4%

50%46%

Ranking Alexa.ComAbaixo de 100 Entre 100 e 999 Acima de 1000

Page 17: Acessibilidade web   Campus Party 2013
Page 18: Acessibilidade web   Campus Party 2013

100%

Acessibilidade Web: WCGA 1.0 - DaSilva

Não Acessível Acessível

Page 19: Acessibilidade web   Campus Party 2013

43

8 8

3

Região Sudeste Região Sul Região Norte Região Nordeste Região Centro Oeste

Acessibilidade Web: WCGA 1.0 - DaSilva

Não Acessível Acessível

Page 20: Acessibilidade web   Campus Party 2013

4%

38%46%

4% 8%

Acessibilidade Web: WCGA 1.0 - DaSilva

Erro na Validação Nenhuma Prioridade 3Prioridade 2 Todas Prioridade 1 e 3

Page 21: Acessibilidade web   Campus Party 2013

12 2

4

21

2

5

3

11 1 1

Região Sudeste

Região Sul Região Norte

Região Nordeste

Região Centro Oeste

Acessibilidade Web: WCGA 1.0 - DaSilva

Erro na Validação Nenhuma Prioridade 3Prioridade 2 Prioridade 1 e 3

Page 22: Acessibilidade web   Campus Party 2013
Page 23: Acessibilidade web   Campus Party 2013

31%

27%

38%

4%

Acessibilidade Web: WCGA 2.0 - Access Monitor

Acima de 5 Entre 4 e 5 Abaixo de 4 Erro na Validação

Page 24: Acessibilidade web   Campus Party 2013

87

10

1

Acessibilidade Web: WCGA 2.0 - Access Monitor

Acima de 5 Entre 4 e 5 Abaixo de 4 Erro na Validação

Page 25: Acessibilidade web   Campus Party 2013

42%

4%4%

46%

4%

Acessibilidade Web: WCGA 2.0 - Access Monitor

Critério AA Critério AAA Critério AA e AAATodas Nenhum Erro na Validação

Page 26: Acessibilidade web   Campus Party 2013

32 2

3

11 11

45

21

Região Sudeste

Região Sul Região Norte Região Nordeste

Região Centro Oeste

Acessibilidade Web: WCGA 2.0 - Access Monitor

Critério AA Critério AAA Critério AA e AAA Nenhum Erro na Validação

Page 27: Acessibilidade web   Campus Party 2013
Page 28: Acessibilidade web   Campus Party 2013

Portaria Nº3, de 7 de maio de 2007

Art. 5 e Art. 7

Institucionaliza o Modelo de Acessibilidade em

Governo Eletrônico – e-MAG e Padrões de

Interoperabilidade de Governo Eletrônico

(e-PING) no âmbito do Governo

Federal, preferencialmente.

Page 29: Acessibilidade web   Campus Party 2013

8%

54%34%

4%

Acessibilidade e-MAGEntre 1 e 2 Entre 3 e 6 Acima de 6 Erro Validação

Page 30: Acessibilidade web   Campus Party 2013

1 12

1

6

23

12

6

1

Região Sudeste

Região Sul Região Norte

Região Nordeste

Região Centro Oeste

Acessibilidade e-MAGEntre 1 e 2 Entre 3 e 6 Acima de 6 Erro Validação

Page 31: Acessibilidade web   Campus Party 2013
Page 32: Acessibilidade web   Campus Party 2013

19%

35%

42%

4%

Performance do SiteEntre A e B Entre C e D Entre E e F Erro na Validação

Page 33: Acessibilidade web   Campus Party 2013

1 1

2

1

2 2

4

11

3

4

2

11

Região Sudeste

Região Sul Região Norte Região Nordeste

Região Centro Oeste

Performance do SiteEntre A e B Entre C e D Entre E e F Erro na Validação

Page 34: Acessibilidade web   Campus Party 2013
Page 35: Acessibilidade web   Campus Party 2013

15%

81%

4%

Velocidade da página -Carregamento

Entre A e B Entre C e D Entre E e F Erro na Validação

Page 36: Acessibilidade web   Campus Party 2013

12

1

3 3

5

7

3

1

Região Sudeste

Região Sul Região Norte Região Nordeste

Região Centro Oeste

Velocidade da página -Carregamento

Entre A e B Entre C e D Entre E e F Erro na Validação

Page 37: Acessibilidade web   Campus Party 2013
Page 38: Acessibilidade web   Campus Party 2013

23%

34%

31%

8%4%

Folhas de Estilo - CSSVálido Até 10 Entre 11 e 99 Acima de 100 Erro na Validação

Page 39: Acessibilidade web   Campus Party 2013

1

3

1 11

3 3

2

1

2

4

11 1 1

Região Sudeste

Região Sul Região Norte Região Nordeste

Região Centro Oeste

Folhas de Estilo - CSSVálido Até 10 Entre 11 e 99 Acima de 100 Erro na Validação

Page 40: Acessibilidade web   Campus Party 2013
Page 41: Acessibilidade web   Campus Party 2013

4%

12%

42%

38%

4%

Marcação HTML, XHTMLVálido Abaixo de 10 Entre 11 e 99 Acima de 99 Erro na Validação

Page 42: Acessibilidade web   Campus Party 2013

11 1 11 1

3

6

2

1

2 2

3

1

Região Sudeste

Região Sul Região Norte Região Nordeste

Região Centro Oeste

Marcação HTML, XHTMLVálido Abaixo de 10 Entre 11 e 99 Acima de 99 Erro na Validação

Page 43: Acessibilidade web   Campus Party 2013
Page 44: Acessibilidade web   Campus Party 2013

4%

69%

23%

4%

Tamanho da Página - KbAbaixo de 10 Entre 11 e 100 Acima de 101 Erro na Validação

Page 45: Acessibilidade web   Campus Party 2013

1

32

4

6

3

1 1

3

11

Região Sudeste

Região Sul Região Norte Região Nordeste

Região Centro Oeste

Tamanho da Página - KbAbaixo de 10 Entre 11 e 100 Acima de 101 Erro na Validação

Page 46: Acessibilidade web   Campus Party 2013
Page 47: Acessibilidade web   Campus Party 2013

27%

73%

Carregamento do Site - SegundosAbaixo de 1 s Acima de 1 s

Page 48: Acessibilidade web   Campus Party 2013

3 3

11

78

3

Região Sudeste

Região Sul Região Norte Região Nordeste

Região Centro Oeste

Carregamento do Site - SegundosAbaixo de 1 s Acima de 1 s

Page 49: Acessibilidade web   Campus Party 2013
Page 50: Acessibilidade web   Campus Party 2013

Lei 12.527, de 18 de Novembro de 2011 – Lei de Acesso a Informação

Artigo 8º § 3º VIII - adotar as medidas necessárias para garantir a acessibilidade de conteúdo para pessoas com deficiência, nos termos do art. 17 da Lei no 10.098, de 19 de

dezembro de 2000, e do art. 9º da Convenção sobre os Direitos das Pessoas com

Deficiência, aprovada pelo Decreto Legislativo n.º 186, de 9 de julho de 2008.

Page 51: Acessibilidade web   Campus Party 2013

58%42%

Lei de Acesso a Informação - LAIExiste Não Existe

Page 52: Acessibilidade web   Campus Party 2013

32

54

11 1

34

2

Região Sudeste

Região Sul Região Norte Região Nordeste

Região Centro Oeste

Lei de Acesso a Informação - LAIExiste Não Existe

Page 53: Acessibilidade web   Campus Party 2013
Page 54: Acessibilidade web   Campus Party 2013

60%27%

13%

Lei de Acesso a Informação - LAI - CliquesUm clique Dois Cliques Três Cliques

Page 55: Acessibilidade web   Campus Party 2013

1 1

3 3

11

2

1

2

Região Sudeste

Região Sul Região Norte Região Nordeste

Região Centro Oeste

Lei de Acesso a Informação - LAI - CliquesUm clique Dois Cliques Três Cliques

Page 56: Acessibilidade web   Campus Party 2013
Page 57: Acessibilidade web   Campus Party 2013

27%

40%

33%

Lei de Acesso a Informação - LAI - BannerParte Inferior Parte Superior Não Possui

Page 58: Acessibilidade web   Campus Party 2013

1

2

1

2

3

1

2 2

1

Região Sudeste

Região Sul Região Norte Região Nordeste

Região Centro Oeste

Lei de Acesso a Informação - LAI - BannerParte Inferior Parte Superior Não Possui

Page 59: Acessibilidade web   Campus Party 2013
Page 60: Acessibilidade web   Campus Party 2013

Acessibilidade Web dos Estados Brasileiros (Trimestral)

• 100 % dos sites estaduais não possuem Acessibilidade Web – Validação automática (WCAG

1.0), sendo somente 8 % que atenderam 2/3 das prioridades (Região Sul e Nordeste);

• 69 % dos sites estaduais não possuem Acessibilidade Web – Validação automática (WCAG

2.0 ), sendo que oito sites tiveram nota acima de 5, e um site que atendeu os critérios A e AA

(Região Norte);

Page 61: Acessibilidade web   Campus Party 2013

Acessibilidade Web dos Estados Brasileiros (Trimestral)

• 92 % dos sites estaduais não possuem Acessibilidade Web – Validação automática (EMAG 3.0 ) dos sites, sendo que dois sites

possuem até dois erros no código;

• 96 % dos sites estaduais conforme o Alexa.Com, estão acima dos 100 primeiros mais acessados, sendo que um site está entre os 50

mais acessados;

Page 62: Acessibilidade web   Campus Party 2013

• 85 % dos sites estaduais possuem problemas develocidade (Page Speed) dos sites, sendo que

quatro sites tiveram notas entre A e B (Regiões Norte, Nordeste e Sudeste);

• 81 % dos sites estaduais possuem problemas deperformance dos sites (Yslow), sendo que cinco

sites tiveram notas entre A e B

(Exceto a região Sul);

Acessibilidade Web dosEstados Brasileiros (Trimestral)

Page 63: Acessibilidade web   Campus Party 2013

• 77 % dos sites estaduais possuem erros de folhas de estilos (CSS) dos sites, sendo que seis sites

tiveram êxito (0 erros) em sua validação

(Exceto a região Centro-Oeste);

• 96 % dos sites estaduais possuem erros demarcação (X)HTML do código dos sites, sendo que

um site teve êxito (0 erros) em sua validação

(Região Norte);

Acessibilidade Web dosEstados Brasileiros (Trimestral)

Page 64: Acessibilidade web   Campus Party 2013

• 96 % dos sites estaduais possuem acima de 10 Kbde tamanho da página principal do site, sendo que

um site teve abaixo de 10 Kb em sua validação

(Região Nordeste);

• 73 % dos sites estaduais tiveram mais de um segundo para carregamento da página principal do

site, sendo que sete sites teve menos de um segundo para ser carregado

(Regiões Sudeste, Sul e Norte);

Acessibilidade Web dosEstados Brasileiros (Trimestral)

Page 65: Acessibilidade web   Campus Party 2013

• 42 % dos sites estaduais não divulgam a Lei de Acesso a Informação (LAI) em seu site, sendo que

nove sites em um clique o cidadão obtêm informações sobre a LAI (todas regiões);

• 33 % dos sites estaduais que divulgam a LAI, não possuem (banner) qualquer informação sobre o

assunto (Regiões Sul e Centro-Oeste);

Acessibilidade Web dosEstados Brasileiros (Trimestral)

Page 66: Acessibilidade web   Campus Party 2013

Boas práticas de Acessibilidade Web

Página com a descrição dos recursos de acessibilidade;

Teclas de atalho;

Barra de acessibilidade;

Apresentação do mapa do sitio;

Apresentação de formulário;

Conteúdo alternativo para imagens;

Apresentação de documentos.

Page 67: Acessibilidade web   Campus Party 2013

http://metareciclagem.org

[email protected]

@hudsonaugusto

Obrigado(a) pela atenção