Acessibilidade na prática

590371c05fc56adf612fd91ea509cf74?s=47 Bruno Pulis
December 01, 2013

Acessibilidade na prática

Palestra ministrada no segundo DevInCompanyBH, nesta talk vamos apresentar dados estátisticos sobre a Acessibilidade Web no Brasil e seu contexto social.

590371c05fc56adf612fd91ea509cf74?s=128

Bruno Pulis

December 01, 2013
Tweet

Transcript

  1. Acessibilidade na prática Dev In Company @2013

  2. #QUEMSOUEU Frontend Beagá Frontend da Depressão

  3. Acessibilidade Público Alvo

  4. None
  5. None
  6. None
  7. None
  8. None
  9. None
  10. None
  11. concluímos que...

  12. TODOS precisam

  13. –Bruno Torres 
 http://brunotorres.net/acessibilidade-nao-e-altruismo “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.”
  14. Dados estátisticos 
 (Censo IBGE 2010)
 • População do Brasil:

    190 milhões (100%); • Pessoas com deficiência no Brasil: 45 milhões (23,9%); • Idosos: 19 milhoes (10%); • Analfabetos funcionais: 38 milhoes (20,4%).
  15. Benefícios que a acessibilidade trazeria

  16. • 23,8 da população brasileira (ou cerca de 45 milhões

    de pessoas); • 7,4% tem 65 anos ou mais; • 9,63% são analfabetos; • 65% nunca usaram a Internet e tem dificuldade em usar o computador.
  17. Leis e diretrizes de acessibilidade

  18. • Decreto Nº 5.296 de 2 de Dezembro de 2004;

    • Decreto Nº 6.949 de Agosto de 2009; • WCAG 2.0.
  19. #DICAS

  20. None
  21. Declare o idioma • <html lang="pt-br> • <p>Dê o <em

    lang="en>feedback</em></p>
  22. None
  23. Forneça texto alternativo • <img src="starwars.gif" alt="A Saga Star Wars">

  24. Forneça texto alternativo • Imagem com contexto apenas estético não

    necessita de texto alternativo.
  25. LINKS

  26. #EVITE • Evite os termos: • "Saiba mais" - aproximadamente

    7.450.000; • "Clique aqui" - aproximadamente 46.600.000; • "Leia mais" - aproximadamente 18.600.000; • "Download" - aproximadamente 2.030.000.000
  27. Links - Outline Utilize outline para: • Identificar o link

    aonde está - #oncotô; • Destacar o link corrente. a:focus { outline: 1px solid #000; }
  28. FERRAMENTAS

  29. Validadores automáticos • Hera (em português); • Examinator (em português);

    • DaSilva; • Cynthia Says; • Wave.
  30. Leitores de Tela • JAWS; • NVDA ; • Voice

    Over; • DosVox.
  31. Add-ons • ChromeVox; • Accessibility Developer Tools; • High Constrast;

    • Web Developer Tools.
  32. #MAIS DICAS

  33. • WAI-ARIA (landmarks e roles); • Contraste; • Estudo de

    cores (Daltonismo).
  34. Mestres JEDI's • MAQ • Reinaldo Ferraz - @reinaldoferraz •

    Horácio Soares - @horaciosoares; • Clécio Bachini - @cbachini
  35. Sites para estudo • http://www.ilearn.com.br/TR/WCAG20/ • http://acessodigital.net/ • http://www.acessibilidadelegal.com/ •

    http://pauljadam.com/moderna11y/ • http://a11yproject.com/ • http://www.topdesignmag.com/25-fabulous- resources-to-learn-web-accessibility/
  36. Estudo de Caso Avaliação de Acessibilidade

  37. Prefeitura de BH

  38. None
  39. Referências • http://goo.gl/E6H3fY • http://goo.gl/GrbjW • http://goo.gl/AE3hY • http://goo.gl/kaelAC •

    http://goo.gl/PDd3nd • http://goo.gl/p3pLR8
  40. Obrigado! @brunopulis www.facebook.com/bpulis