acessibilidade web das cidades digitais 2012 - virada inclusiva

44
Virada Inclusiva 2012 Acessibilidade Web: Cidades Digitais 2012 Hudson Augusto

Upload: hudson-augusto

Post on 01-Jun-2015

474 views

Category:

Education


1 download

TRANSCRIPT

Page 1: Acessibilidade Web das Cidades Digitais 2012 - Virada Inclusiva

Virada Inclusiva 2012

Acessibilidade Web:Cidades Digitais 2012

Hudson Augusto

Page 2: Acessibilidade Web das Cidades Digitais 2012 - Virada Inclusiva

Virada Inclusiva - Dezembro 2012

Page 3: Acessibilidade Web das Cidades Digitais 2012 - Virada Inclusiva

Pesquisa WEB Agosto –Dezembro de 2012

26 Estados do Brasil, somente umpossui o site acessível.

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

Page 4: Acessibilidade Web das Cidades Digitais 2012 - Virada Inclusiva

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

acessível.

Dos 10 maiores Portais de Notícias, umpossui o site acessível.

Das 10 maiores empresas de Telefonia, nenhuma possui o site

acessível.

Page 5: Acessibilidade Web das Cidades Digitais 2012 - Virada Inclusiva
Page 6: Acessibilidade Web das Cidades Digitais 2012 - Virada Inclusiva

Índice Brasil de Cidades Digitais:

se baseia no conceito, segundo o qual as

cidades consideradas digitais possuem variados níveis de infraestrutura de

redes de telecomunicações, de

acesso às TICs e de oferta de serviços eletrônicos públicos

e privados.

Page 7: Acessibilidade Web das Cidades Digitais 2012 - Virada Inclusiva

Acessibilidade Web das Cidades Digitais 2012

• Onze cidades brasileiras;

• 3 regiões brasileira: Sudeste, Sul e Centro Oeste;

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

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

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

• 82 % dos sites são carregados em menos de 1 segundo conforme o Alexa.Com

Page 8: Acessibilidade Web das Cidades Digitais 2012 - Virada Inclusiva

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

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

• 91 % dos sites possui erros de marcação (X)HTML do código do site;

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

• 46 % das cidades estão entre os 50 primeiros no ranking Alexa.Com;

Acessibilidade Web das Cidades Digitais 2012

Page 9: Acessibilidade Web das Cidades Digitais 2012 - Virada Inclusiva

1

2

3

4

5

6

7

8

9

10

11

0 2 4 6 8 10 12

Curitiba - PR

Rio de Janeiro - RJ

Belo Horizonte - MG

Vitória - ES

Campinas - SP

Anápolis - GO

Sorocaba - SP

Porto Alegre - RS

Jundiaí - SP

Guarulhos - SP

Santos - SP

Ranking - Cidades Digitais 2012

Page 10: Acessibilidade Web das Cidades Digitais 2012 - Virada Inclusiva

73%

9%

18%

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

Page 11: Acessibilidade Web das Cidades Digitais 2012 - Virada Inclusiva
Page 12: Acessibilidade Web das Cidades Digitais 2012 - Virada Inclusiva

46%

45%

9%

Ranking - Alexa.ComAbaixo de 50 Entre 50 e 999 Acima de 999

Page 13: Acessibilidade Web das Cidades Digitais 2012 - Virada Inclusiva

82%

18%

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

Page 14: Acessibilidade Web das Cidades Digitais 2012 - Virada Inclusiva
Page 15: Acessibilidade Web das Cidades Digitais 2012 - Virada Inclusiva

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 – WCAG 1.0

Page 16: Acessibilidade Web das Cidades Digitais 2012 - Virada Inclusiva

Validação Automática – WCAG 1.0

Page 17: Acessibilidade Web das Cidades Digitais 2012 - Virada Inclusiva

Validação Automática – WCAG 1.0

Page 18: Acessibilidade Web das Cidades Digitais 2012 - Virada Inclusiva

100%

Acessibilidade Web: WCAG 1.0 - DaSilva

Não Acessível Acessível

Page 19: Acessibilidade Web das Cidades Digitais 2012 - Virada Inclusiva

55%36%

9%

Acessibilidade Web: WCAG 1.0 - DaSilva

Todas Prioridades Nenhuma Prioridade 3 Prioridade 1

Page 20: Acessibilidade Web das Cidades Digitais 2012 - Virada Inclusiva
Page 21: Acessibilidade Web das Cidades Digitais 2012 - Virada Inclusiva

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 – WCAG 2.0

Critério A Critério AA Critério AAA

Perceptível Operável Compreensível Robusto

Princípios

Page 22: Acessibilidade Web das Cidades Digitais 2012 - Virada Inclusiva

Validação Automática – WCAG 2.0

Page 23: Acessibilidade Web das Cidades Digitais 2012 - Virada Inclusiva

Validação Automática – WCAG 2.0

Page 24: Acessibilidade Web das Cidades Digitais 2012 - Virada Inclusiva

27%

37%

36%

Acessibilidade Web: WCAG 2.0 - Access Monitor

Acima de 5 Entre 4 e 5 Abaixo de 4

Page 25: Acessibilidade Web das Cidades Digitais 2012 - Virada Inclusiva

46%45%

9%

Acessibilidade Web: WCAG 2.0 - Acess Monitor

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

Page 26: Acessibilidade Web das Cidades Digitais 2012 - Virada Inclusiva
Page 27: Acessibilidade Web das Cidades Digitais 2012 - Virada Inclusiva

Prioridade 1

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: e-MAG 3.0

Mínimo

Marcação (9)

Apresentação / Design (5)

Comportamento (6) Conteúdo / Informação (12)

Recomendações (45)

Multimídia (5)Formulário (8)

Prioridade 2

Importante

Prioridade 3

Desejável

Page 28: Acessibilidade Web das Cidades Digitais 2012 - Virada Inclusiva
Page 29: Acessibilidade Web das Cidades Digitais 2012 - Virada Inclusiva

9%

64%

27%

Acessibilidade e-MAG 3.0Entre 1 e 2 Entre 3 e 6 Acima de 6

Page 30: Acessibilidade Web das Cidades Digitais 2012 - Virada Inclusiva
Page 31: Acessibilidade Web das Cidades Digitais 2012 - Virada Inclusiva

Validação de CSS – W3C

Page 32: Acessibilidade Web das Cidades Digitais 2012 - Virada Inclusiva

18%

37%

36%

9%

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

Page 33: Acessibilidade Web das Cidades Digitais 2012 - Virada Inclusiva
Page 34: Acessibilidade Web das Cidades Digitais 2012 - Virada Inclusiva

Validação do (X)HTML – W3C

Page 35: Acessibilidade Web das Cidades Digitais 2012 - Virada Inclusiva

9%

18%

73%

Marcação HTML, XHTMLVálido Abaixo de 10 Acima de 10

Page 36: Acessibilidade Web das Cidades Digitais 2012 - Virada Inclusiva
Page 37: Acessibilidade Web das Cidades Digitais 2012 - Virada Inclusiva

Validação da Performance

Page 38: Acessibilidade Web das Cidades Digitais 2012 - Virada Inclusiva

27%

73%

Velocidade da página -Carregamento

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

Page 39: Acessibilidade Web das Cidades Digitais 2012 - Virada Inclusiva

100%

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

Page 40: Acessibilidade Web das Cidades Digitais 2012 - Virada Inclusiva

18%

55%

27%

Tamanho da Página - KbAbaixo de 30 Entre 30 e 100 Acima de 101

Page 41: Acessibilidade Web das Cidades Digitais 2012 - Virada Inclusiva
Page 42: Acessibilidade Web das Cidades Digitais 2012 - Virada Inclusiva
Page 43: Acessibilidade Web das Cidades Digitais 2012 - Virada Inclusiva

Acessibil

Usabil

Simplic

Interativ

Veloc

Encontrabil

Atrativ

Util

Facil

Portabil

Comunicabil…

IDADE

Validação de Especialista

Page 44: Acessibilidade Web das Cidades Digitais 2012 - Virada Inclusiva

http://metareciclagem.org

[email protected]

@hudsonaugusto

Obrigado(a) pela atenção