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.

Transcript

1. Desenvolvendo sites com empatia 7 Semana de Sustentabilidade e Responsabilidade Social 2019
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
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
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
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
6. HMMM…
7. Acessibilidade web significa que TODOS podem usar a Web." Chris DeMars
8. A web não é uma barreira para pessoas com deficiência, ela é a .solução.". https://webaim.org/articles/pour
9. TIPOS DE DEFICIÊNCIA
11. A acessibilidade deve ser parte integrante de um processo de desenvolvimento ético e empático."
12. POR QUE ME IMPORTAR?
13. 1A web é sobre DIVERSIDADE
14. 1A web é sobre INCLUSÃO DIGITAL
15. DIGNIDADE HUMANA
16. 1A web é sobre CONHECIMENTO
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
18. PADRÕES E LEIS
19. • Lei Brasileira de Inclusão (LBI); • Declaração dos Direitos das Pessoas com Deficiência (ONU); • WCAG. PADRÕES E LEIS
20. ESTATÍSTICAS
21. 45 milhões de pessoas afetadas pela falta de acessibilidade no Brasil. Fonte: CENSO IBGE/2010
22. 23,9% da população brasileira sofre algum tipo de deficiência. Fonte: CENSO IBGE/2010
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
24. 59.653.607 erros encontrados, uma média de 59,6 erros por página.
26. 97,8% das páginas possuía alguma falha de acordo com o WCAG 2.0
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%
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..
30. DICAS
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
32. SITE DA FACULDADE
33. Hierarquia de títulos
35. corrigindo...
37. Links claros e objetivos
41. corrigindo...
44. Texto alternativo
47. corrigindo...
49. Não utilize linguagem neutrxs
54. Estamos criando deficiências se não estivermos criando uma .web para todos.”. @emplums
56. OBRIGADO! @obrunopulis
57. • https://bit.ly/2pA9KCR • https://www.microsoft.com/design/inclusive • https://webaim.org/blog/webaim-million • https://bit.ly/2S0TzMd • https://bit.ly/2IG9dtG REFERÊNCIAS E CRÉDITOS