Desenvolvendo sites com empatia

590371c05fc56adf612fd91ea509cf74?s=47 Bruno Pulis
September 24, 2019

Desenvolvendo sites com empatia

Palestra ministrada na Faculdade Estácio de Sá na "7 Semana de Sustentabilidade e Responsibilidade Social 2019", onde levo o tema "Desenvolvendo sites com empatia" o foco dessa apresentação é demonstrar ao público as possibilidades que a tecnologia proporciona para incluir todas as pessoas pensando em empatia como o foco principal.

590371c05fc56adf612fd91ea509cf74?s=128

Bruno Pulis

September 24, 2019
Tweet

Transcript

  1. 2.

    BRUNO PULIS @obrunopulis / brunopulis.com • Formada em Sistemas para

    Internet pelo Pitágoras; • Evangelista de a11y e web standards; • Co-fundador do Minas Dev; • Star Wars lover e apaixonado por Javascript; • QA Analyst na Monetizze. speakerdeck.com/brunopulis/desenvolvendo-sites-com-empatia
  2. 3.

    Possuo uma doença genética rara chamada Ceratocone. Ela atinge cerca

    150 mil pessoas por ano no Brasil. Tenho 11° graus de miopia no olho esquerdo e 9,78° no olho direito. vagas.monetizze.com.br
  3. 4.

    Possuo uma doença genética rara chamada Ceratocone. Ela atinge cerca

    150 mil pessoas por ano no Brasil. Tenho 11° graus de miopia no olho esquerdo e 9,78° no olho direito. SOBRE MIM
  4. 5.

    Minha maior dificuldade é ler textos pequenos e .com baixo

    contraste,. na maioria das vezes tenho que modificar as cores da tipografia para poder enxergar melhor. SOBRE MIM
  5. 6.
  6. 8.

    A web não é uma barreira para pessoas com deficiência,

    ela é a .solução.". https://webaim.org/articles/pour
  7. 10.
  8. 11.
  9. 17.

    • Maior valor agregado à empresa e fortalecimento da sua

    marca; • Melhoria de performance e de usabilidade, criando vantagem competitiva; • Ampliação e diversificação de público; • Leis regulamentadoras; • Melhoria em questões de SEO; • Facilidade e menor custo de manutenção; • Aumento de compatibilidade com dispositivos, plataformas, sistemas e navegadores. BENEFÍCIOS
  10. 19.

    • Lei Brasileira de Inclusão (LBI); • Declaração dos Direitos

    das Pessoas com Deficiência (ONU); • WCAG. PADRÕES E LEIS
  11. 23.

    Foi realizada uma pesquisa em fevereiro, pela WebAIM testando 1

    milhão de home pages dos principais sites da web. Na amostragem, os resultados não foram animadores. Fonte: https://webaim.org/projects/million
  12. 25.
  13. 27.
  14. 28.

    Tipo de falha WCAG # de páginas iniciais % em

    páginas iniciais Baixo contraste 852,868 85.3% Texto alternativo em falta 679,964 68% Links vazios 581,408 58.1% Labels ausentes em forms 528,482 52.8% Idioma no HTML ausente 329,612 33.1% Botões vazios 250,367 25%
  15. 29.

    Muito trabalho deve ser feito para que a Web seja

    disponível sem barreiras. Apesar do número de erros serem gritantes, a maioria deles são .simples correções..
  16. 30.
  17. 31.

    • Utilize headings com ordem lógica (h1,h2,h3); • Imagens com

    descrição alternativa; • Evite usar "saiba mais", "clique aqui" em links; • Navegar somente com o teclado, comportamento deve ser o mesmo do mouse. DICAS DE ACESSIBILIDADE
  18. 34.
  19. 36.
  20. 38.
  21. 39.
  22. 40.
  23. 42.
  24. 43.
  25. 45.
  26. 46.
  27. 48.
  28. 50.
  29. 51.
  30. 52.
  31. 53.
  32. 55.