Acessibilidade & Design Universal

Acessibilidade eDesign Universal

1.DADOSDEMOGRÁFICOSPorcentagem mundial e nacional de pessoas com algum tipo de deficiência.

Estatísticas Mundiais

1 bilhão +

De pessoas no mundo vivem com alguma deficiência.

200 milhões

Dessas pessoas experimentam extrema dificuldade funcional.

95 milhões

São crianças com algum tipo de deficiência.

3

Mais informações em http://visual.ly/world-disability-facts-infographic-1-billion-people-live-form-disability

Top 10 deficiências mundiais em crianças4

● Sindrome de Down● Transtorno do Espectro

Autista● Paralisia Cerebral● Dyslexia● Transtornos Emocionais

e Comportamentais

● Déficit de Atenção● Afasia● Síndrome Alcólica Fetal● Transtorno do

processamento auditivo central

● Epilepsia

Mais informações em http://visual.ly/world-disability-facts-infographic-1-billion-people-live-form-disability

Deficiências globais5

Mais informações em https://www.nomensa.com/blog/2011/an-introduction-to-inclusive-design

45.606.048De brasileiros têm pelo menos uma das deficiências, isso é 23,9% da população total do país.

6

Mais informações em http://www.sdh.gov.br/assuntos/pessoa-com-deficiencia/dados-estatisticos

35.492.573Visual

9.731.834Auditiva

13.357.419Motora

7

2.671.483Mental ou Intelectual

2.DEFICIÊNCIA vs TECNOLOGIADemonstrações de como os deficientes utilizam a tecnologia disponível.

Como uma pessoa cega usa o computador?

9

Como uma pessoa cega usa o computador?

1:18

10

Como uma pessoa cega usa o tablet ou celular?

1:22

11

Como uma pessoa surda faz uma ligação?

12

13

O mundo conforme o autismo

3.O QUE PODEMOS MELHORAR?Tecnologia disponível e simuladores

Place your screenshot here

15 Google TalkBack

Serviço de acessibilidade que ajuda os usuários com algum tipo de deficiência visual a interagir com dispositivos.

O TalkBack implementa feedback falado, audível e por vibração ao dispositivo.

Simulador Color Blindness Android16

Via Opta Sim App17

Simulador que provê em primeira pessoa a experiência de viver com uma deficiência visual:● Glaucoma● Retinopatía Diabética● Catarata● Outros

Mitos e definições

18

4.Acessibilidade e Design Universal

”

Acessibilidade,1. As características que fazem um produto ou serviço aberto a todos.

2. Disciplina profissional dedicada a alcançar o item 1.

19

Acessibilidade é projetar somente para pessoas com algum tipo de deficiência

20 Mito 1

21

Deficiências temporárias e situacionais22

Acessibilidade também envolve...

● Habilidades motoras○ Canhoto, destro, ambidestro

● Dispositivos○ Smartphones, tablets

● Letramento○ Analfabetos funcionais

● Perfis○ Idosos e Crianças

23

Mito 2

Acessibilidade atende a um público muito pequeno e restrito

24

Censo e estatísticas

Pessoas com alguma deficiência:

●1 bilhão no mundo.

●45 milhões no Brasil

25

Por ano nos USA

Mito 3

Primeiro fazemos o produto/serviço depois tornamos acessível

26

●Considerar a acessibilidade de um produto/serviço somente no final do projeto○ Maior custo○ Retrabalho

● Incorporar boas práticas de acessibilidade desde o início dos projetos

Mito 327

Acessibilidade & gambiarra28

”

Design Universal é o design de produtos, ambientes e serviços

usáveis por todos, na medida do possível, sem a necessidade de

adaptação ou design especializadoRon Mace

29

30

https://www.ncsu.edu/ncsu/design/cud/about_ud/about_ud.htm

O design deve ser útil e comercializável para pessoas com diversas habilidades

31

Princípio 1 Uso Equitativo

Fornecer os mesmos meios de uso idênticos sempre que possível e equivalentes quando não

<Nomes> e <Texto alternativo>

Princípio 1 Uso Equitativo32

Estaticamente chamativo para todos usuários

Evita estigmatizar usuários

O design deve acomodar uma ampla gama de preferências e habilidades individuais.

33

Princípio 2Uso Flexível

Acomode o uso por canhotos e destros

34

Princípio 2Uso Flexível

Fornecer adaptabilidade e escolha nos métodos de uso.Facilitar a exatidão e precisão do usuário.

iPad keyboard

35

Princípio 2Uso Flexível

Fornecer adaptabilidade e escolha nos métodos de uso.Facilitar a exatidão e precisão do usuário.

Modo Desktop

Modo Tablet

36

Princípio 3Uso Simples e Intuitivo

O uso deve ser fácil de entender, independentemente da experiência do usuário, conhecimento, habilidades de

linguagem ou nível de concentração atual.

Princípio 3Uso Simples e Intuitivo37

Organizar informações de maneira consistente com sua importância.

Princípio 3Uso Simples e Intuitivo38

Elimine complexidade desnecessária.

Princípio 3Uso Simples e Intuitivo39

Seja consistente com as expectativas e a intuição

do usuário.

40

Princípio 4Informação de Fácil Percepção

O design deve comunicar de maneira eficaz as informações importantes para as pessoas, independente das condições

ambientais ou de suas capacidades sensoriais

Use diferentes modos para a apresentação de informações

essenciais

41

Princípio 4Informação de Fácil Percepção

Fornecer compatibilidade com uma variedade de técnicas ou dispositivos usados por pessoas com limitações sensoriais

GuidelinesUso de cores

1. Diferencie cores de primeiro plano e de fundo pela luminosidade

42

Fonte:http://li129-107.members.linode.com/accessibility/design/accessible-print-design/effective-color-contrast/

GuidelinesUso de cores

2. Escolha cores escuras com matizes da metade inferior do círculo contrastando com cores claras da metade superior do círculo

43

http://li129-107.members.linode.com/accessibility/design/accessible-print-design/effective-color-contrast/

GuidelinesUso de cores

3. Evite contrastar matizes de partes adjacentes do círculo

44

http://li129-107.members.linode.com/accessibility/design/accessible-print-design/effective-color-contrast/

GuidelinesLegibilidade de textos

1. Contraste

45

http://li129-107.members.linode.com/accessibility/design/accessible-print-design/making-text-legible/

2. Cor da fonte 3. Tamanho da fonte

GuidelinesLegibilidade de textos

3. Espaçamento entre as letras

46

http://li129-107.members.linode.com/accessibility/design/accessible-print-design/making-text-legible/

4. Espaçamento entre as linhas

GuidelinesLegibilidade de textos

5. Família de fonte 6. Estilo da fonte

47

http://li129-107.members.linode.com/accessibility/design/accessible-print-design/making-text-legible/

48

Princípio 5Tolerância ao Erro

O design deve minimizar perigos e consequências adversas de ações acidentais ou não intencionais

● Avisos de perigos e erros.

● Opção de desfazer UNDO

● Recuperação em caso de falha

49

Princípio 6Baixo Esforço Físico

O design deve ser usado de maneira eficiente e confortável e com um mínimo de fadiga

Princípio 6Baixo Esforço Físico50

Minimize o uso de mouse com atalhos do teclado.Minimize ações repetitivas.

Princípio 6Baixo Esforço Físico51

Minimize o uso de mouse com atalhos do teclado.Minimize ações repetitivas.

52

Princípio 7Dimensão e Espaço para Aproximação

Tamanho e espaço apropriados devem ser fornecidos para a aproximação, alcance, manipulação e uso independente do tamanho do corpo, postura ou mobilidade do usuário

53

Princípio 7Dimensão e Espaço para Aproximação

Considere a dimensão dos elementos da interface para a

interação com touchscreens

5.DOs and DONTshttps://accessibility.blog.gov.uk/2016/09/02/dos-and-donts-on-designing-for-accessibility/

54

55

”

A chave para a acessibilidade (e usabilidade) é garantir que os sites possam

ser acessados e usados pelo máximo de audiência possível, sem se importar com o

nível de habilidade.Alexander Dawson

56

E aí!Nós somos:Luana GroppoEwerton Menezes

E estamos aqui porque acreditamos em um design para todos.Onde nos encontrar?lgroppo@daitangroup.comemenezes@daitangroup.com

57

Designing for users on the autistic spectrum

58

Designing for users who are D/deaf or hard of hearing

59

Designing for users with Dyslexia

60

Designing for users with low vision

61

Designing for users with physical or motor disabilities

62

Designing for users of screen readers

63