Técnicas para um desenvolvimento acessível

Como desenvolver sites e aplicativos de forma acessível?

Essa apresentação tem o intuito de demonstrar como podemos incluir a acessibilidade no cotidiano do desenvolvimento.

Além de técnicas, trago também exemplos práticos.

LINKS:

- https://docs.google.com/presentation/d/15hZfn8xLyx0n2SA-rsAxo-2qGDPd8nUo7haRp3Y43FI/edit#slide=id.gf4a965ea30_0_18
- https://github.com/brunopulis/awesome-a11y
- https://brunopulis.com
- https://youtube.com/c/BrunoPulis

Transcript

1. Desenvolvimento com práticas acessíveis
2. BRUNO PULIS @brunopulisdev / brunopulis.com QA de acessibilidade na everis Brasil Digital Creator Mobilizador e Instrutor do WPT Membro do IAAP https://bit.ly/3zGTH9q linkedin.com/in/pulis youtube.com/c/BrunoPulis
3. https://jobs.everis.com/pt-pt/ofertas-brasil
4. acessibilidade?
5. Acessibilidade na web significa que pessoas com deficiência podem perceber, entender, navegar, interagir e contribuir para a web.
6. WCAG 2.1
8. por que me importar?
9. 1A web é sobre DIVERSIDADE
10. 1A web é sobre INCLUSÃO DIGITAL
11. DIGNIDADE HUMANA
12. 1A web é sobre CONHECIMENTO
13. • 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
14. A web não é uma barreira para pessoas com deficiência, ela é a .solução.". https://webaim.org/articles/pour
15. ESTATÍSTICAS
16. 45 milhões de pessoas afetadas pela falta de acessibilidade no Brasil. Fonte: CENSO IBGE/2010
17. 23,9% da população brasileira sofre algum tipo de deficiência. Fonte: CENSO IBGE/2010
18. 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
19. 51.379.694 erros encontrados, uma média de 51,4 erros por página.
20. 97,4% das páginas possuía alguma falha de acordo com o WCAG 2.0
21. Tipo de falha WCAG ano de 2021 ano de 2020 Baixo contraste 86.4% 86.3% Texto alternativo em falta 60.6% 66% Links vazios 51.3% 59.9% Labels ausentes em forms 54.4% 52.8% Idioma no HTML ausente 28.9% 28% Botões vazios 26.9% 28.7%
22. 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...
23. dicas
24. hierarquia de títulos
27. texto alternativo
29. links claros
32. queridxs amigxs
33. linguagem neutra (amigxs, amig@s) Extremamente prejudicial para a acessibilidade, leitores de tela não pronunciam corretamente. Além de afetar usuários de leitores de tela, pessoas idosas, disléxicas são afetadas.
35. como começar
36. https://github.com/brunopulis/awesome-a11y
37. ferramentas
38. Validador de HTML
39. Validador de CSS
40. Access Monitor
41. aXe DevTools
42. aXe Accessibility Linter
44. Estamos criando deficiências se não estivermos criando uma .web para todos.”. @emplums
45. perguntas?
46. OBRIGADO!
47. • https://bit.ly/2pA9KCR • https://webaim.org/blog/webaim-million • https://bit.ly/2S0TzMd • https://bit.ly/2IG9dtG REFERÊNCIAS E CRÉDITOS