Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio...
Transcript of Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio...
![Page 1: Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners-Lee com • organizações filiadas,](https://reader034.fdocument.pub/reader034/viewer/2022050221/5f66c6ca1d00892b7475afee/html5/thumbnails/1.jpg)
Acessibilidade na web
Painel Aplicativos de Acessibilidade
Campus Party Recife
28 de julho de 2012
Reinaldo Ferraz – W3C.br
twitter.com/reinaldoferraz
![Page 2: Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners-Lee com • organizações filiadas,](https://reader034.fdocument.pub/reader034/viewer/2022050221/5f66c6ca1d00892b7475afee/html5/thumbnails/2.jpg)
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.
![Page 3: Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners-Lee com • organizações filiadas,](https://reader034.fdocument.pub/reader034/viewer/2022050221/5f66c6ca1d00892b7475afee/html5/thumbnails/3.jpg)
Acessibilidade, para quem?
![Page 4: Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners-Lee com • organizações filiadas,](https://reader034.fdocument.pub/reader034/viewer/2022050221/5f66c6ca1d00892b7475afee/html5/thumbnails/4.jpg)
Cegos – Daltônicos - Baixa visão
Foto: everystockphoto.com - namida-k
![Page 5: Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners-Lee com • organizações filiadas,](https://reader034.fdocument.pub/reader034/viewer/2022050221/5f66c6ca1d00892b7475afee/html5/thumbnails/5.jpg)
Surdos
Foto: everystockphoto.com - jessicafm
![Page 6: Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners-Lee com • organizações filiadas,](https://reader034.fdocument.pub/reader034/viewer/2022050221/5f66c6ca1d00892b7475afee/html5/thumbnails/6.jpg)
Mobilidade reduzida
![Page 7: Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners-Lee com • organizações filiadas,](https://reader034.fdocument.pub/reader034/viewer/2022050221/5f66c6ca1d00892b7475afee/html5/thumbnails/7.jpg)
Estatísticas
24%
45.623.910 pessoas Censo 2010
Fonte: IBGE
Pessoas com deficiência no Brasil
Fonte: http://www.ibge.gov.br/home/estatistica/populacao/censo2010/resultados_preliminares/default_resultados_preliminares.shtm
![Page 8: Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners-Lee com • organizações filiadas,](https://reader034.fdocument.pub/reader034/viewer/2022050221/5f66c6ca1d00892b7475afee/html5/thumbnails/8.jpg)
Acessibilidade na web
Pessoas são diferentes
![Page 9: Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners-Lee com • organizações filiadas,](https://reader034.fdocument.pub/reader034/viewer/2022050221/5f66c6ca1d00892b7475afee/html5/thumbnails/9.jpg)
http://www.seosmarty.com/impossible-captcha-it-doesnt-really-matter-if-you-are-human-or-not/
![Page 10: Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners-Lee com • organizações filiadas,](https://reader034.fdocument.pub/reader034/viewer/2022050221/5f66c6ca1d00892b7475afee/html5/thumbnails/10.jpg)
http://www.seosmarty.com/impossible-captcha-it-doesnt-really-matter-if-you-are-human-or-not/
![Page 11: Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners-Lee com • organizações filiadas,](https://reader034.fdocument.pub/reader034/viewer/2022050221/5f66c6ca1d00892b7475afee/html5/thumbnails/11.jpg)
http://www.seosmarty.com/impossible-captcha-it-doesnt-really-matter-if-you-are-human-or-not/
![Page 12: Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners-Lee com • organizações filiadas,](https://reader034.fdocument.pub/reader034/viewer/2022050221/5f66c6ca1d00892b7475afee/html5/thumbnails/12.jpg)
http://www.seosmarty.com/impossible-captcha-it-doesnt-really-matter-if-you-are-human-or-not/
![Page 13: Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners-Lee com • organizações filiadas,](https://reader034.fdocument.pub/reader034/viewer/2022050221/5f66c6ca1d00892b7475afee/html5/thumbnails/13.jpg)
Aplicando acessibilidade
O caminho para a
acessibilidade na web
Foto: everystockphoto.com - Colin Gregory Palmer
![Page 14: Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners-Lee com • organizações filiadas,](https://reader034.fdocument.pub/reader034/viewer/2022050221/5f66c6ca1d00892b7475afee/html5/thumbnails/14.jpg)
Aplicando acessibilidade
Web Content Accessibility
Guidelines (WCAG)
Versão 1.0 – 5 de maio de 1999
Versão 2.0 – 11 de dezembro de 2008
www.w3.org/TR/WCAG/
![Page 15: Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners-Lee com • organizações filiadas,](https://reader034.fdocument.pub/reader034/viewer/2022050221/5f66c6ca1d00892b7475afee/html5/thumbnails/15.jpg)
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.
![Page 16: Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners-Lee com • organizações filiadas,](https://reader034.fdocument.pub/reader034/viewer/2022050221/5f66c6ca1d00892b7475afee/html5/thumbnails/16.jpg)
Aplicando acessibilidade
<img src="foto.jpg" alt="" />
<img src="foto.jpg" alt="" />
![Page 17: Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners-Lee com • organizações filiadas,](https://reader034.fdocument.pub/reader034/viewer/2022050221/5f66c6ca1d00892b7475afee/html5/thumbnails/17.jpg)
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" />
![Page 18: Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners-Lee com • organizações filiadas,](https://reader034.fdocument.pub/reader034/viewer/2022050221/5f66c6ca1d00892b7475afee/html5/thumbnails/18.jpg)
Daltonismo
Visão normal
![Page 19: Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners-Lee com • organizações filiadas,](https://reader034.fdocument.pub/reader034/viewer/2022050221/5f66c6ca1d00892b7475afee/html5/thumbnails/19.jpg)
Daltonismo
Protanopia (Deficiências em vermelho)
![Page 20: Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners-Lee com • organizações filiadas,](https://reader034.fdocument.pub/reader034/viewer/2022050221/5f66c6ca1d00892b7475afee/html5/thumbnails/20.jpg)
Daltonismo
Deuteranopia (Deficiências em verde)
![Page 21: Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners-Lee com • organizações filiadas,](https://reader034.fdocument.pub/reader034/viewer/2022050221/5f66c6ca1d00892b7475afee/html5/thumbnails/21.jpg)
Daltonismo
Tritanopia (Deficiências em azul)
![Page 22: Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners-Lee com • organizações filiadas,](https://reader034.fdocument.pub/reader034/viewer/2022050221/5f66c6ca1d00892b7475afee/html5/thumbnails/22.jpg)
Daltonismo
Acromatopsia (Deficiências todas as cores)
![Page 23: Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners-Lee com • organizações filiadas,](https://reader034.fdocument.pub/reader034/viewer/2022050221/5f66c6ca1d00892b7475afee/html5/thumbnails/23.jpg)
Daltonismo
![Page 24: Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners-Lee com • organizações filiadas,](https://reader034.fdocument.pub/reader034/viewer/2022050221/5f66c6ca1d00892b7475afee/html5/thumbnails/24.jpg)
Você consegue ler este texto.
![Page 25: Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners-Lee com • organizações filiadas,](https://reader034.fdocument.pub/reader034/viewer/2022050221/5f66c6ca1d00892b7475afee/html5/thumbnails/25.jpg)
Você consegue ler este texto?
![Page 26: Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners-Lee com • organizações filiadas,](https://reader034.fdocument.pub/reader034/viewer/2022050221/5f66c6ca1d00892b7475afee/html5/thumbnails/26.jpg)
Você não consegue ler este texto!
![Page 27: Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners-Lee com • organizações filiadas,](https://reader034.fdocument.pub/reader034/viewer/2022050221/5f66c6ca1d00892b7475afee/html5/thumbnails/27.jpg)
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.
![Page 28: Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners-Lee com • organizações filiadas,](https://reader034.fdocument.pub/reader034/viewer/2022050221/5f66c6ca1d00892b7475afee/html5/thumbnails/28.jpg)
• Não utilize conteúdo que cause convulsões.
![Page 29: Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners-Lee com • organizações filiadas,](https://reader034.fdocument.pub/reader034/viewer/2022050221/5f66c6ca1d00892b7475afee/html5/thumbnails/29.jpg)
• Não utilize conteúdo que cause convulsões.
![Page 30: Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners-Lee com • organizações filiadas,](https://reader034.fdocument.pub/reader034/viewer/2022050221/5f66c6ca1d00892b7475afee/html5/thumbnails/30.jpg)
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.
![Page 31: Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners-Lee com • organizações filiadas,](https://reader034.fdocument.pub/reader034/viewer/2022050221/5f66c6ca1d00892b7475afee/html5/thumbnails/31.jpg)
• Ajude os usuários a evitar e corrigir erros.
![Page 32: Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners-Lee com • organizações filiadas,](https://reader034.fdocument.pub/reader034/viewer/2022050221/5f66c6ca1d00892b7475afee/html5/thumbnails/32.jpg)
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.
![Page 33: Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners-Lee com • organizações filiadas,](https://reader034.fdocument.pub/reader034/viewer/2022050221/5f66c6ca1d00892b7475afee/html5/thumbnails/33.jpg)
• Maximize a compatibilidade com as tecnologias atuais e futuras.
![Page 34: Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners-Lee com • organizações filiadas,](https://reader034.fdocument.pub/reader034/viewer/2022050221/5f66c6ca1d00892b7475afee/html5/thumbnails/34.jpg)
• Maximize a compatibilidade com as tecnologias atuais e futuras.
http://validator.w3.org/ http://www.w3.org/TR/
![Page 35: Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners-Lee com • organizações filiadas,](https://reader034.fdocument.pub/reader034/viewer/2022050221/5f66c6ca1d00892b7475afee/html5/thumbnails/35.jpg)
![Page 36: Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners-Lee com • organizações filiadas,](https://reader034.fdocument.pub/reader034/viewer/2022050221/5f66c6ca1d00892b7475afee/html5/thumbnails/36.jpg)
Phone
<input type=“tel" name=“tel" placeholder="digite
número de telefone" required />
Website
<input type="url" name="website" required />
![Page 37: Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners-Lee com • organizações filiadas,](https://reader034.fdocument.pub/reader034/viewer/2022050221/5f66c6ca1d00892b7475afee/html5/thumbnails/37.jpg)
![Page 38: Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners-Lee com • organizações filiadas,](https://reader034.fdocument.pub/reader034/viewer/2022050221/5f66c6ca1d00892b7475afee/html5/thumbnails/38.jpg)
![Page 39: Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners-Lee com • organizações filiadas,](https://reader034.fdocument.pub/reader034/viewer/2022050221/5f66c6ca1d00892b7475afee/html5/thumbnails/39.jpg)
Vídeo em HTML5
<video>
http://www.w3.org/2009/02/ThisIsCoffee.html
![Page 40: Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners-Lee com • organizações filiadas,](https://reader034.fdocument.pub/reader034/viewer/2022050221/5f66c6ca1d00892b7475afee/html5/thumbnails/40.jpg)
Vídeo em HTML5
![Page 41: Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners-Lee com • organizações filiadas,](https://reader034.fdocument.pub/reader034/viewer/2022050221/5f66c6ca1d00892b7475afee/html5/thumbnails/41.jpg)
Vídeo em HTML5
![Page 42: Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners-Lee com • organizações filiadas,](https://reader034.fdocument.pub/reader034/viewer/2022050221/5f66c6ca1d00892b7475afee/html5/thumbnails/42.jpg)
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>
http://www.w3.org/WAI/intro/aria
![Page 43: Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners-Lee com • organizações filiadas,](https://reader034.fdocument.pub/reader034/viewer/2022050221/5f66c6ca1d00892b7475afee/html5/thumbnails/43.jpg)
http://premio.w3c.br/
![Page 44: Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners-Lee com • organizações filiadas,](https://reader034.fdocument.pub/reader034/viewer/2022050221/5f66c6ca1d00892b7475afee/html5/thumbnails/44.jpg)
Categorias
• Pessoas / Personalidades / Instituições
• Projetos Web – Governo / Instituições
– Serviços / E-commerce
– Entretenimento / Cultura / Educação / Blogs
• Tecnologias assistivas / Aplicativos
![Page 45: Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners-Lee com • organizações filiadas,](https://reader034.fdocument.pub/reader034/viewer/2022050221/5f66c6ca1d00892b7475afee/html5/thumbnails/45.jpg)
Premiação
• 1º Colocado:
– R$ 5.000,00 (Cinco mil reais) em dinheiro
– Troféu
– Participar do evento W4A (http://www.w4a.info/) 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
![Page 46: Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners-Lee com • organizações filiadas,](https://reader034.fdocument.pub/reader034/viewer/2022050221/5f66c6ca1d00892b7475afee/html5/thumbnails/46.jpg)
![Page 47: Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners-Lee com • organizações filiadas,](https://reader034.fdocument.pub/reader034/viewer/2022050221/5f66c6ca1d00892b7475afee/html5/thumbnails/47.jpg)
![Page 48: Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners-Lee com • organizações filiadas,](https://reader034.fdocument.pub/reader034/viewer/2022050221/5f66c6ca1d00892b7475afee/html5/thumbnails/48.jpg)
![Page 49: Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners-Lee com • organizações filiadas,](https://reader034.fdocument.pub/reader034/viewer/2022050221/5f66c6ca1d00892b7475afee/html5/thumbnails/49.jpg)
![Page 50: Painel Aplicativos de Acessibilidade Campus Party Recife ... · Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners-Lee com • organizações filiadas,](https://reader034.fdocument.pub/reader034/viewer/2022050221/5f66c6ca1d00892b7475afee/html5/thumbnails/50.jpg)
Obrigado!
Reinaldo Ferraz W3C Escritório Brasil
www.w3c.br Twitter: @w3cbrasil
Twitter: @reinaldoferraz