Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Always bet on a11y

Always bet on a11y

Acessibilidade não se trata somente de técnicas para nossos websites, mas uma forma de pensar a web.

O foco dessa palestra é demonstrar conceitos e técnicas além do básico para projetar experiências acessíveis para todas as pessoas tornando a web como uma ferramenta democrática.

Bruno Pulis

June 14, 2019
Tweet

More Decks by Bruno Pulis

Other Decks in Technology

Transcript

  1. BRUNO PULIS @obrunopulis • Sistemas para Internet | Pitágoras; •

    Evangelista de a11y e web standards; • Co-fundador do Minas Dev; • Star Wars lover e apaixonado por Javascript; • Front-end Developer/QA @Monetizze.
  2. BRUNO PULIS @obrunopulis • Leitor compulsivo; • Aspirante a escritor;

    • Teólogo; • Apaixonado por violão clássico e flamenco.
  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. SOBRE MIM
  4. 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. • 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
  6. 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
  7. 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%
  8. 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..