Acessibilidade na web. Painel Aplicativos de Acessibilidade Campus Party Recife 28 de julho de 2012 Reinaldo Ferraz W3C.br twitter.

Tamanho: px

Começar a partir da página:

Download "Acessibilidade na web. Painel Aplicativos de Acessibilidade Campus Party Recife 28 de julho de 2012 Reinaldo Ferraz W3C.br twitter."

Juliana Palma Osório
7 Há anos
Visualizações:

1 Acessibilidade na web Painel Aplicativos de Acessibilidade Campus Party Recife 28 de julho de 2012 Reinaldo Ferraz W3C.br twitter.com/reinaldoferraz

2 Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners- Lee com organizações filiadas, uma equipe em tempo integral, participação do público para colaborativamente desenvolver padrões universais para a Web.

3 Acessibilidade, para quem?

4 Foto: everystockphoto.com - namida-k Cegos Daltônicos - Baixa visão

5 Foto: everystockphoto.com - jessicafm Surdos

6 Mobilidade reduzida

7 Estatísticas Pessoas com deficiência no Brasil 24% pessoas Censo 2010 Fonte: IBGE Fonte:

8 Acessibilidade na web Pessoas são diferentes

13 Aplicando acessibilidade O caminho para a acessibilidade na web Foto: everystockphoto.com - Colin Gregory Palmer

14 Aplicando acessibilidade Web Content Accessibility Guidelines (WCAG) Versão de maio de 1999 Versão de dezembro de

15 Princípio 1: Perceptível Isto significa que os usuários devem ser capazes de perceber a informação que está sendo apresentada, não podendo ser invisível para todos os seus sentidos.

16 Aplicando acessibilidade <img src="foto.jpg" alt="" /> <img src="foto.jpg" alt="" />

17 Aplicando acessibilidade <img src="foto.jpg" alt= Foto das teclas W, 3 e C fora do teclado" /> <img src="foto.jpg" alt= Foto das teclas W, 3 e C fora do teclado" />

18 Visão normal Daltonismo

19 Protanopia (Deficiências em vermelho) Daltonismo

20 Deuteranopia (Deficiências em verde) Daltonismo

21 Tritanopia (Deficiências em azul) Daltonismo

22 Acromatopsia (Deficiências todas as cores) Daltonismo

23 Daltonismo

24 Você consegue ler este texto.

25 Você consegue ler este texto?

26 Você não consegue ler este texto!

27 Princípio 2: Operável Isto significa que os usuários devem ser capazes de operar a interface; a interface de interação não pode exigir interação que o usuário não possa executar.

28 Não utilize conteúdo que cause convulsões.

29 Não utilize conteúdo que cause convulsões.

30 Princípio 3: Compreensível Isto significa que os usuários devem ser capazes de compreender as informações, bem como o funcionamento da interface do usuário; o conteúdo ou operação não pode ir além de sua compreensão.

31 Ajude os usuários a evitar e corrigir erros.

32 Princípio 4: Robusto Isto significa que os usuários devem ser capazes de acessar o conteúdo conforme as tecnologias evoluem; como a tecnologia e os agentes de usuário evoluem, o conteúdo deve permanecer acessível.

33 Maximize a compatibilidade com as tecnologias atuais e futuras.

34 Maximize a compatibilidade com as tecnologias atuais e futuras.

36 Phone <input type= tel" name= tel" placeholder="digite número de telefone" required /> Website <input type="url" name="website" required />

39 Vídeo em HTML5 <video>

40 Vídeo em HTML5

41 Vídeo em HTML5

42 ARIA e HTML5 <a href="# id="handle_zoomslider role="slider aria-orientation="vertical aria-valuemin="0 aria-valuemax="17 aria-valuetext="14 aria-valuenow="14" > <span>11</span> </a>

44 Categorias Pessoas / Personalidades / Instituições Projetos Web Governo / Instituições Serviços / E-commerce Entretenimento / Cultura / Educação / Blogs Tecnologias assistivas / Aplicativos

45 1º Colocado: R$ 5.000,00 (Cinco mil reais) em dinheiro Troféu Participar do evento W4A ( Durante a conferência www2013 no Rio de Janeiro Trabalho exibido em publicação do W3C.br 2º Colocado: R$ 3.000,00 (Três mil reais) em dinheiro Troféu Trabalho exibido em publicação do W3C.br 3º Colocado: R$ 1.500,00 (Mil e quinhentos reais) em dinheiro Troféu Trabalho exibido em publicação do W3C.br Premiação

50 Obrigado! Reinaldo Ferraz W3C Escritório Brasil

Documentos relacionados

Acessibilidade na web Por uma web para todos! Iseminar de outubro de 2011 Reinaldo Ferraz W3C.br

Acessibilidade na web Por uma web para todos! Iseminar 2011 22 de outubro de 2011 Reinaldo Ferraz W3C.br Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners- Lee com organizações