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

Tornando seu App disponível para milhões de pessoas através da acessibilidade

Tornando seu App disponível para milhões de pessoas através da acessibilidade

Através da experiência de 3 desenvolvedores de plataformas diferentes (web, android e ios), iremos demonstrar que é possível e como deixar seu produto compatível com a legislação, estar disponível para mais usuários e não contribuindo para reclusão de grupos menos favorecidos através da acessibilidade.

Jackson Smith

November 17, 2018
Tweet

More Decks by Jackson Smith

Other Decks in Programming

Transcript

  1. GISELY LUCAS BERNARDINO Cientista da Computação por formação, engenheira de

    software e embaixadora do Comitê de Diversidade da CI&T.
  2. SUMÁRIO • O que é acessibilidade ? • Quando começar

    ? • Dicas de implementação • Ferramentas de desenvolvimento • Leitores de Tela • Diferenças de plataformas
  3. O CÓDIGO CIVIL .. Artigo 47, o Decreto nº 5.296/2004

    estabelece que: é obrigatória a acessibilidade nos portais e sítios eletrônicos da administração pública na rede mundial de computadores (internet), para o uso das pessoas portadoras de deficiência visual, Desenho para todos
  4. • Utilize uma área significativa(ampla) para toque • Produza conteúdos

    em mais de um formato • Use bons contrastes e fonte com tamanho legível • Use mais de um padrão para descrever ações e conteúdos • Considere mais de um tipo de navegação DICAS (UI / UX)
  5. Convenções adotadas para melhorar a performance 1. Ordem de leitura

    dos elementos Sentido ocidental (esquerda para direita, cima para baixo) 2. Animações Desativar animações dos elementos de interface para melhorar a performance do app 3. Leitura nativa Manter a leitura nativa dos componentes de interface (não quebrar padrões) DICAS (APRENDIZADOS..)
  6. 1. Pontuação Altera a entonação com que a frase é

    lida. 2. Siglas Pense nelas na hora de definir seu contrato com backend. 3. Componentes Cuidado com narrativas que alteração comportamento de algum componente 4. Legenda Utilizar uma linguagem verbal e simbólica que todos envolvidos no projeto compreendam DICAS (APRENDIZADOS..)
  7. Configurar → Acessibilidade → TalkBack → Configurações do TalkBack →

    Configurações do desenvolvedor → Mostrar saída de voz DEVELOPER OPTIONS
  8. TRABALHANDO COM IMAGENS WEB <img>: tag que permite o leitor

    de tela identificar que ali existe uma imagem com sentido para o usuário alt: atributo de texto alternativo. Deve conter uma descrição breve e com sentido referente ao conteúdo da imagem. <img src=“image.png” alt=“” [...] >
  9. CURTIU ? … ANIMAÇÃO ... … ORDENAÇÃO ... … CUSTOMVIEW

    ... … HIERARQUIA DE VIEWS ... … AGRUPAMENTO ... … TESTE ...
  10. “Para as pessoas sem deficiência a tecnologia torna as coisas

    mais fáceis. Para as pessoas com deficiência, a tecnologia torna as coisas possíveis.” Mary Pat Radabaugh ex-diretora do IBM National Support Center for Persons with Disabilities