Slide 1

Slide 1 text

Acessibilidade não é um monstro

Slide 2

Slide 2 text

No content

Slide 3

Slide 3 text

Bruno Pulis facebook.com/bpulis ou @brunopulis

Slide 4

Slide 4 text

Bruno Pulis ● Frontend Developer na 3bits Estúdio Criativo; ● Fundador do Grupo Frontend Beagá; ● Fundador do Frontend da Depressão; ● Participante do MinasDev; ● Moderador do Compass Brasil e Grunt Brasil.

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

MinasDev Comunidade de Desenvolvedores de Minas Gerais focada em disseminar conhecimento e aproximar os desenvolvedores. com encontros e networking, para maiores informações acesse a fan page do Minas Dev.

Slide 7

Slide 7 text

Projeto Acessibilidade Urbana

Slide 8

Slide 8 text

Agenda ● O que é acessibilidade? ● Público alvo; ● Leis sobre acessibilidade; ● Estatísticas Brasileiras; ● Estudo de Caso; ● Leitores de Tela, como funcionam; ● Teste com Usuário; ● Ferramentas e dicas; ● Agradecimentos e Referências.

Slide 9

Slide 9 text

O que é acessibilidade?

Slide 10

Slide 10 text

O que é acessibilidade Acessibilidade é permitir a mesma experiência em todos os contextos sem adaptações, mas sim de forma inclusiva e contextualizada, ou seja, a informação não teve ser privada mas sim aberta.

Slide 11

Slide 11 text

O que é acessibilidade? “Pensar em acessibilidade não é ser bonzinho, é enxergar no público não-padrão e com necessidades especiais, potenciais consumidores para o que você está vendendo.” Bruno Torres

Slide 12

Slide 12 text

Público Alvo Não podemos mais segmentar públicos e nem tentar gerar “versões” específicas já que próposito da web é ser única. Como desenvolvedores devemos gerar conteúdo único, acessível a todos.

Slide 13

Slide 13 text

Público Alvo

Slide 14

Slide 14 text

Público Alvo

Slide 15

Slide 15 text

Leis sobre acessibilidade ● Decreto 5.296 de Dezembro de 2004 ● Decreto 6.949 de Agosto de 2009 ● Recomendação WCAG 2.0 da W3C.

Slide 16

Slide 16 text

Em São Paulo, existe uma lei que garante que os bares e restaurantes tenham cardápios em braille lei municipal 12.363/97 pelo decreto 36.999/97 Curiosidade

Slide 17

Slide 17 text

Em Minas, está em tramitação na Assembléia o projeto de Lei 936/2011, que torna obrigatório o oferecimento de cardápios em braille nos restaurantes e bares do estado e em anexo a esse projeto outros dois 1068/2011 e 1364/2011. Curiosidade

Slide 18

Slide 18 text

O PL 936/2011 foi aprovado em Plenário em primeiro turno e aguarda discurssão e votação em segundo turno. É possível consultar o texto dos projetos na integra e acompanhar a tramitação. http://www.almg.gov.br/atividade_parlamentar/tramitacao_projetos/index.html? advanced=advanced&first=false&search=odp&pagina=1&aba=js_tabpesquisaAvancada&txtPalavras=PL+% 28936+2011+ou+1068+2011+ou+1394+2011%29.prop.&txtEmTram=on&txtTramEnc=on Curiosidade

Slide 19

Slide 19 text

WCAG

Slide 20

Slide 20 text

WCAG ● WCAG 1.0 foi criada em 5 de maio de 1999; ● WCAG 2.0 (atual) recomendada criada em 11de dezembro de 2011.

Slide 21

Slide 21 text

Estatisticas Brasileiras De acordo com o Censo de 2010 do IBGE cerca de 24% (45.623.910 pessoas) da população brasileira possuí algum tipo de deficiência.

Slide 22

Slide 22 text

Estatisticas Brasileiras "Uma pesquisa do W3C — World Wide Web Consortium, apresentada por Karen Myers, líder de desenvolvimento de negócios, mostra que deficientes representam 24% da população brasileira e apenas 2% das páginas da web são acessíveis a esse público."

Slide 23

Slide 23 text

No content

Slide 24

Slide 24 text

Estudo de Caso

Slide 25

Slide 25 text

Estatisticas do site

Slide 26

Slide 26 text

Estatisticas do site

Slide 27

Slide 27 text

Estatisticas do site

Slide 28

Slide 28 text

Nível de acessibilidade do WCAG 1.0

Slide 29

Slide 29 text

Nível de acessibilidade do WCAG 2.0

Slide 30

Slide 30 text

Leitores de tela São tecnologias assistivas que auxiliam na navegação de alguém com algum tipo de dificuldade como por exemplo, baixa visão, ou cegueira total.

Slide 31

Slide 31 text

Leitores de tela

Slide 32

Slide 32 text

Como um leitor de tela funciona

Slide 33

Slide 33 text

Teste com usuário

Slide 34

Slide 34 text

No content

Slide 35

Slide 35 text

Ferramentas e dicas

Slide 36

Slide 36 text

Ferramentas e dicas Valide seu código nos validadores da W3C e nos seguintes ● http://www.acessibilidade.gov.pt/accessmonitor/ ● http://wave.webaim.org/ ● http://www.sidar.org/hera/ ● http://www.acessibilidade.gov.pt/webax/examinator.php ● http://www.cynthiasays.com/ ● http://www.dasilva.org.br/

Slide 37

Slide 37 text

Ferramentas e dicas Crie um código semântico, limpo e escalavel, lembre-se que outros irão dar manutenção nele. Foque no simples, não tente reinventar a roda acessibilidade não é um monstro não tenha medo, ela não vai te moder =p

Slide 38

Slide 38 text

No content

Slide 39

Slide 39 text

Obrigado! @brunopulis

Slide 40

Slide 40 text

Referências ● http://goo.gl/4gSjXg ● http://goo.gl/l0gqfc ● http://goo.gl/xs6Xv4 ● http://goo.gl/Q8GE58 ● http://goo.gl/bdRxyW ● http://goo.gl/nsg2c5 ● http://goo.gl/2Btdtb ● http://goo.gl/xRR4IR ● http://goo.gl/x0A5G0 ● http://goo.gl/74DzPr ● http://goo.gl/ajP3NA