35
Virada Inclusiva 2012 Acessibilidade Web: Cidades Paulistas Hudson Augusto

Acessibilidade Web das Cidades Paulistas - Virada Inclusiva 2012

Embed Size (px)

Citation preview

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

Virada Inclusiva 2012

Acessibilidade Web: Cidades Paulistas

Hudson Augusto

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

Virada Inclusiva - Dezembro 2012

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

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

Page 4: Acessibilidade Web das Cidades Paulistas - Virada Inclusiva 2012
Page 5: Acessibilidade Web das Cidades Paulistas - Virada Inclusiva 2012

Acessibilidade Web das Cidades do Estado de São Paulo

• 645 cidades no Estado de São Paulo;

• 75 cidades com mais de 100 mil habitantes no Estado de São Paulo;

• 50 cidades com entre 50 mil e 100 mil habitantes no Estado de São Paulo;

• 520 cidades com menos de 50 mil habitantes no Estado de São Paulo;

• 591 prefeituras possuem site;

• 54 prefeituras não possuem site;

Page 6: Acessibilidade Web das Cidades Paulistas - Virada Inclusiva 2012

Acessibilidade Web das 25 maiores Cidades do Estado de São Paulo

• Vinte e cinco maiores cidades do Estado de São Paulo com mais de 100 mil habitantes;

• 100 % das cidades tem site;

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

• 72 % 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 das Cidades Paulistas - Virada Inclusiva 2012

Acessibilidade Web das 25 maiores Cidades do Estado de São Paulo

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

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

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

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

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

1 2

3 4

5 6

7 8

9 10

11 12

13 14

15 16

17 18

19 20

21 22

23 24

25

0

5

10

15

20

25

30

São

Pau

lo

Gu

aru

lho

s

Cam

pin

as

São

Be

rnar

do

do

Cam

po

San

to A

nd

Osa

sco

São

Jo

sé d

os

Cam

po

s

Rib

eir

ão P

reto

Soro

cab

a

San

tos

Maú

a

Rio

Pre

to

Mo

gi d

as C

ruze

s

Dia

de

ma

Jun

dia

í

Car

apic

uíb

a

Pir

acic

aba

Bau

ru

São

Vic

en

te

Itaq

uaq

ue

cetu

ba

Fran

ca

Gu

aru

Tau

bat

é

Lim

eir

a

Suza

no

Ranking das Cidades Paulistas (População)

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

12%

68%

20%

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

Page 10: Acessibilidade Web das Cidades Paulistas - Virada Inclusiva 2012
Page 11: Acessibilidade Web das Cidades Paulistas - Virada Inclusiva 2012

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 das Cidades Paulistas - Virada Inclusiva 2012

Validação Automática – WCAG 1.0

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

Validação Automática – WCAG 1.0

Page 14: Acessibilidade Web das Cidades Paulistas - Virada Inclusiva 2012

100%

Acessibilidade Web: WCGA 1.0 - DaSilva

Não Acessível Acessível

Page 15: Acessibilidade Web das Cidades Paulistas - Virada Inclusiva 2012

68%

28%

4%

Acessibilidade Web: WCAG 1.0 - DaSilva

Todas Prioridades Nenhuma Prioridade 3 Prioridade 1 e 3

Page 16: Acessibilidade Web das Cidades Paulistas - Virada Inclusiva 2012
Page 17: Acessibilidade Web das Cidades Paulistas - Virada Inclusiva 2012

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 18: Acessibilidade Web das Cidades Paulistas - Virada Inclusiva 2012

Validação Automática – WCAG 2.0

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

Validação Automática – WCAG 2.0

Page 20: Acessibilidade Web das Cidades Paulistas - Virada Inclusiva 2012

28%

20%

52%

Acessibilidade Web: WCGA 2.0 - Access Monitor

Acima de 5 Entre 4 e 5 Abaixo de 4

Page 21: Acessibilidade Web das Cidades Paulistas - Virada Inclusiva 2012

20%

16% 64%

Acessibilidade Web: WCAG 2.0 - Acess Monitor

Critério AA Critério AAA Todos Nenhum

Page 22: Acessibilidade Web das Cidades Paulistas - Virada Inclusiva 2012
Page 23: Acessibilidade Web das Cidades Paulistas - Virada Inclusiva 2012

Validação de CSS – W3C

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

16%

44%

40%

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

Page 25: Acessibilidade Web das Cidades Paulistas - Virada Inclusiva 2012
Page 26: Acessibilidade Web das Cidades Paulistas - Virada Inclusiva 2012

Validação do HTML – W3C

Page 27: Acessibilidade Web das Cidades Paulistas - Virada Inclusiva 2012

93%

7%

Marcação HTML, XHTML Válido Inválido Erro de Avaliação

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

Validação da Performance

Page 30: Acessibilidade Web das Cidades Paulistas - Virada Inclusiva 2012

4%

40% 56%

Velocidade da página - Carregamento

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

Page 31: Acessibilidade Web das Cidades Paulistas - Virada Inclusiva 2012

8%

92%

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

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

Acessibil

Usabil

Simplic

Interativ

Veloc

Encontrabil

Atrativ

Util

Facil

Portabil

Comunicabil …

IDADE

Validação de Especialista

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

http://metareciclagem.org

[email protected]

@hudsonaugusto

Obrigado(a) pela atenção