Tweet
Tweet

Slide 1

Slide 1 text

Desenvolvendo sites com empatia 7 Semana de Sustentabilidade e Responsabilidade Social 2019

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

HMMM…

Slide 7

Slide 7 text

Acessibilidade web significa que TODOS podem usar a Web." Chris DeMars

Slide 8

Slide 8 text

A web não é uma barreira para pessoas com deficiência, ela é a .solução.". https://webaim.org/articles/pour

Slide 9

Slide 9 text

TIPOS DE DEFICIÊNCIA

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

A acessibilidade deve ser parte integrante de um processo de desenvolvimento ético e empático."

Slide 12

Slide 12 text

POR QUE ME IMPORTAR?

Slide 13

Slide 13 text

1A web é sobre DIVERSIDADE

Slide 14

Slide 14 text

1A web é sobre INCLUSÃO DIGITAL

Slide 15

Slide 15 text

DIGNIDADE HUMANA

Slide 16

Slide 16 text

1A web é sobre CONHECIMENTO

Slide 17

Slide 17 text

● 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

Slide 18

Slide 18 text

PADRÕES E LEIS

Slide 19

Slide 19 text

● Lei Brasileira de Inclusão (LBI); ● Declaração dos Direitos das Pessoas com Deficiência (ONU); ● WCAG. PADRÕES E LEIS

Slide 20

Slide 20 text

ESTATÍSTICAS

Slide 21

Slide 21 text

45 milhões de pessoas afetadas pela falta de acessibilidade no Brasil. Fonte: CENSO IBGE/2010

Slide 22

Slide 22 text

23,9% da população brasileira sofre algum tipo de deficiência. Fonte: CENSO IBGE/2010

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

59.653.607 erros encontrados, uma média de 59,6 erros por página.

Slide 25

Slide 25 text

No content

Slide 26

Slide 26 text

97,8% das páginas possuía alguma falha de acordo com o WCAG 2.0

Slide 27

Slide 27 text

No content

Slide 28

Slide 28 text

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%

Slide 29

Slide 29 text

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..

Slide 30

Slide 30 text

DICAS

Slide 31

Slide 31 text

● 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

Slide 32

Slide 32 text

SITE DA FACULDADE

Slide 33

Slide 33 text

Hierarquia de títulos

Slide 34

Slide 34 text

No content

Slide 35

Slide 35 text

corrigindo...

Slide 36

Slide 36 text

No content

Slide 37

Slide 37 text

Links claros e objetivos

Slide 38

Slide 38 text

No content

Slide 39

Slide 39 text

No content

Slide 40

Slide 40 text

No content

Slide 41

Slide 41 text

corrigindo...

Slide 42

Slide 42 text

No content

Slide 43

Slide 43 text

No content

Slide 44

Slide 44 text

Texto alternativo

Slide 45

Slide 45 text

No content

Slide 46

Slide 46 text

No content

Slide 47

Slide 47 text

corrigindo...

Slide 48

Slide 48 text

No content

Slide 49

Slide 49 text

Não utilize linguagem neutrxs

Slide 50

Slide 50 text

No content

Slide 51

Slide 51 text

No content

Slide 52

Slide 52 text

No content

Slide 53

Slide 53 text

No content

Slide 54

Slide 54 text

Estamos criando deficiências se não estivermos criando uma .web para todos.”. @emplums

Slide 55

Slide 55 text

No content

Slide 56

Slide 56 text

OBRIGADO! @obrunopulis

Slide 57

Slide 57 text

● 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