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

Acessibilidade: desafio e oportunidade

Acessibilidade: desafio e oportunidade

A ideia é incentivar e provocar a comunidade para trabalharmos para uma cultura da acessibilidade.

Jose Fernando

June 07, 2021
Tweet

More Decks by Jose Fernando

Other Decks in Technology

Transcript

  1. JFTavares [email protected] booknando.com.br • Formação humanista (filosofia e Teologia) •

    Professor de filosofia e sociologia • Especialista em livros digitais • Consultor de acessibilidade • Cursando mestrado Ciência da Computação • Cursando MBA em tecnologia para negócios • Acredita que as pessoas podem evoluir JOSÉ FERNANDO TAVARES
  2. Pessoas com deficiência são aquelas que têm impedimentos de longo

    prazo de natureza física, mental, intelectual ou sensorial, os quais, em interação com diversas barreiras, podem obstruir sua participação plena e efetiva na sociedade em igualdades de condições com as demais pessoas.
  3. A acessibilidade prevê a eliminação de barreiras presentes no ambiente

    físico e social ACESSIBILIDADE TEM A VER COM SER ACESSÍVEL, DE FÁCIL ACESSO
  4. Todo aquele complexo que inclui o conhecimento, as crenças, a

    arte, a moral, a lei, os costumes e todos os outros hábitos e capacidades adquiridos pelo homem como membro da sociedade. CULTURA Edward B. Tylor
  5. Uma das leis mais completas sobre acessibilidade no Brasil é

    o estatuto da pessoa com deficiência, também conhecido como LBI (Lei Brasileira de Inclusão), que foi aprovado em 2015, mas só entrou em vigor em 2016 LEIS
  6. PERCEPTÍVEL Os usuários conseguem perceber o conteúdo? OPERÁVEL Os usuários

    conseguem usar componentes da interface e navegar pelo conteúdo? COMPREENSÍVEL Os usuários conseguem entender o conteúdo? ROBUSTO O conteúdo pode ser consumido por uma grande variedade de agentes de usuário (navegadores)? Ele funciona com a tecnologia assistiva?
  7. Roles Determinam o que faz um elemento. Por exemplo, um

    elemento com role="search", define que aquele item dá acesso a busca dentro do aplicativo; role="doc-chapter" <ul role="menubar"> <li role="menuitem">Ítem</li> <li role="menuitem">Ítem 1</li> <li role="menuitem">Ítem 2</li> </ul>
  8. Propriedades Definem características intrínsecas a um elemento. Por exemplo, quando

    objetos não têm nome explícito, podemos usar aria-label para oferecer essa característica; <ul> <li aria-haspopup="true"> <a href="#">Mensagens</a> <ul> <li><a href="#">Enviar</a></li> <li><a href="#">Criar</a></li> <li><a href="#">Editar</a></li> <li><a href="#">Relatórios</a></li> </ul> </li> </ul>
  9. Estados Propriedades especiais que definem a condição atual de um

    elemento. Por exemplo, podemos usar aria-checked para anunciar o estado de um elemento que se comporta com uma checkbox; <div class="collapse"> <h1>Um exemplo simples com texto</h1> <p>Conteúdo que ativa a collapse</p> <div class="collapse-box" aria-expanded=“true”> Conteúdo da collapse. </div> </div>
  10. • Levantamento de requisitos • Arquitetura do projeto • Prototipação

    • Validação com o Cliente • Desenvolvimento • Testes • Implantação