Acessibilidade Web: Primeiros passos
•
11 gostaram•1,326 visualizações
O documento fornece uma introdução à acessibilidade na web, discutindo o que é acessibilidade, por que é importante e como começar a implementá-la. Ele também fornece diretrizes e ferramentas para validar a acessibilidade de acordo com os padrões W3C, incluindo leitores de tela e verificação manual.
Recomendados
Recomendados
Mais conteúdo relacionado
Mais procurados
Mais procurados (20)
Destaque
Destaque (20)
Semelhante a Acessibilidade Web: Primeiros passos
Semelhante a Acessibilidade Web: Primeiros passos (20)
Mais de Vanessa Me Tonini
Mais de Vanessa Me Tonini (14)
Último
Último (6)
Acessibilidade Web: Primeiros passos
- 1. VANESSA ME TONINI Acessibilidade para Web Primeiros Passos
- 2. SOBRE MIM... •Desenvolvedora front-end desde 2007 •Tecnóloga em Sistemas para Internet. UNIVALI/2011 •Especialista em desenvolvimento Web. UTFPR/2014 •MBA em Engenharia de Software orientada a SOA. FIAP •Certified Magento Front End Developer •Membro e organizadora do MariaLab Hackerspace •Consultora Agile Coach
- 3. Consórcio fundado em 1994 pelo criador da web, Sir Tim Berners-Lee.
- 4. Formado por organizações filiadas, uma equipe em tempo integral e o público. Qualquer um pode participar da criação dos padrões para a Web.
- 5. Publicou mais de 100 padrões para web HTML XML CSS XHTML
- 7. ACESSIBILIDADE WEB O que é?
- 8. Por que? 45.623.910 24% Pessoas com deficiência no Brasil Censo 2010 - IBGE
- 9. Por que? 35.791.488 Pessoas com deficiência visual no Brasil Censo 2010 - IBGE
- 10. Pessoas com deficiência visual no Brasil Não consegue enxergar 528.624 Grande dificuldade 6.056.684 Alguma dificuldade 29.206.180 Censo 2010 - IBGE
- 11. QUEM SE BENEFICIA COM ISTO?
- 12. QUEM SE BENEFICIA COM ISTO?
- 13. https://www.youtube.com/watch?v=hFI4CuxQjSA VÍDEO ACESSIBILIDADE NA WEB: CUSTO OU BENEFÍCIO?
- 14. COMO COMEÇAR A FAZER ACESSIBILIDADE WEB?!
- 15. CONHEÇA OS PADRÕES DE ACESSIBILIDADE W3C Web Content Accessibility Guidelines (WCAG) 2.0 Diretrizes de Acessibilidade para Conteúdo Web http://www.w3.org/Translations/WCAG20-pt-br/ Accessible Rich Internet Applications Suite (WAI-ARIA) Suíte de recomendações para aplicações rica de internet http://www.w3.org/TR/wai-aria/
- 24. VALIDAÇÃO MANUAL: LEITORES DE TELA NVDA Open Source, desenvolvido por programadores deficientes visuais http://www.nvaccess.org/
- 25. VALIDAÇÃO MANUAL: LEITORES DE TELA JAWS Software proprietário, com versão para testes http://www.freedomscientific.com/Products/Blindness/JAWS
- 26. VALIDAÇÃO MANUAL: LEITORES DE TELA DOSVOX Open Source, e brasileiro http://intervox.nce.ufrj.br/dosvox/
- 27. VALIDAÇÃO MANUAL: LEITORES DE TELA Voice Over https://www.apple.com/br/accessibility/osx/voiceover/
- 28. VALIDAÇÃO MANUAL: LEITORES DE TELA Orca https://git.gnome.org/browse/orca https://en.wikipedia.org/wiki/Orca_(assistive_technology)
- 29. IDIOMA DO CONTEÚDO atributo lang <!DOCTYPE html> <html lang="pt-BR" > .... é um atributo global, pode ser utilizado em todas as tags
- 30. VIDEOS COM LEGENDA the web video text track formats WebVTT http://dev.w3.org/html5/webvtt/
- 32. NAVEGAÇÃO: POR ARIA LANDMARKS atributo role
- 33. NAVEGAÇÃO: POR HTML HEADERS <h1> <h2> <h3>
- 34. NAVEGAÇÃO: DESABILITE O CSS E AS IMAGENS Já testou a navegação por teclado?
- 35. Já testou seu site com monitor desligado?
- 36. FORMULÁRIOS: LABELS E ARIA- REQUIRED
- 38. FORMULÁRIOS: IDENTIFICAR CAMPOS OBRIGATÓRIOS a cor vermelha pode ser imperceptível para daltônicos
- 40. CORES E CONTRASTES utilizar símbolos junto a cores
- 41. MENUS “INVISÍVEIS” https://adobe-accessibility.github.io/Accessible-Mega-Menu/ Exemplo Open Source da Adobe de como fazer um Menu com submenu e imagens acessíveis
- 42. ARIA • Promove acesibilidade em aplicações com conteúdo dinâmico e controles avançados do usuário, no qual demandam AJAX, HTML e Javascript Confira os meus slides de uma palestra sobre WAI-ARIA em: goo.gl/IzrxV6
- 43. • A realização da acessibilidade não depende só de mudanças estruturais mas principalmente de uma mudança cultural. •
- 44. A diferença não deve ser vista nunca como um problema. • As pessoas diferentes são uma contribuição pra sociedade. •
- 45. • Qualquer pessoal em algum momento da vida vai precisar de acessibilidade. • Por isso tornar o mundo acessível é um compromisso de todos. •
- 46. Muito Obrigada!
- 47. @vanessametonini