O documento discute conceitos de interação humano-computador, usabilidade, experiência do usuário e acessibilidade digital. Apresenta diretrizes para criação de interfaces acessíveis de acordo com o W3C e demonstra diversas tecnologias assistivas.

1. • ISDFUHDSIUHGDFHG
Click
PIE 00021
Seminário Avançado: Recursos e Ferramentas
para Acessibilidade na Comunicação
Acessibilidade Digital
Cínthia Kulpa
2018

2. • ISDFUHDSIUHGDFHG
ClickConceitos
Interação Humano-Computador
IHC
Estudo sobre o conforto e satisfação
na realização de tarefas pelo usuário.
Objetivos: fornecer explicações e
previsões de como o usuário interage
e se comunica com o sistema.
Foco: no design, avaliação e
implementação de sistemas interativos
para uso humano e estudo dos
fenômenos que ocorrem.
(Coutinho, 1999)

3. • ISDFUHDSIUHGDFHG
Click
Quantas vezes você já se deparou com uma interface pela
1ª vez e não era clara a forma de utilizá-la?

4. • ISDFUHDSIUHGDFHG
Click
Interface do site da Universidade Federal de Pernambuco Anterior

5. • ISDFUHDSIUHGDFHG
Click
Interface do site da Universidade Federal de Pernambuco atual

6. • ISDFUHDSIUHGDFHG
Click
Quantas vezes você entrou em sites onde as informações
geram dúvidas ou insegurança na realização das tarefas?

7. • ISDFUHDSIUHGDFHG
Click

8. • ISDFUHDSIUHGDFHG
Click
Auto-atendimento

9. • ISDFUHDSIUHGDFHG
Click UI
Interface Digital do Usuário
UI (User Interface).
Parte visível de um sistema
com o qual o usuário se comunica
e realiza tarefas.
(Carvalho e Daltrini, 1994)

10. • ISDFUHDSIUHGDFHG
ClickElementos da UI
Elementos da Interface
percebidos pelo Usuário
Cor, Brilho
Contraste, Forma
Som, Vibração
Imagem, Ícone
Tipografia, Texto
Contorno, Divisão
Botão, Menu
Link, Avatar
Cookies, Barras de Rolagem
Etc

11. • ISDFUHDSIUHGDFHG
Click

12. • ISDFUHDSIUHGDFHG
Click
O quão fácil é usar alguma coisa.
O quanto um produto pode ser usado, por um
determinado usuário, com eficiência, eficácia e
satisfação, em determinado contexto de uso.
(ISO 9241-11, 1998)
Usabilidade

13. • ISDFUHDSIUHGDFHG
Click
Marca mais conhecida no mundo pela tecnologia GPS!
E a Usabilidade?

14. • ISDFUHDSIUHGDFHG
Click

15. • ISDFUHDSIUHGDFHG
Click
Usabilidade & Design de Interação:
• Métodos para melhorar a maneira como os produtos
são projetados e concebidos;
• Operam de fora para dentro, partindo das
habilidades e necessidades dos usuários finais em
direção à implementação do produto.
(Cesar, 2005)

16. • ISDFUHDSIUHGDFHG
Click
Necessidades, desejos e limitações do ser humano durante todas as fases
de criação e desenvolvimento do projeto.
Design Centrado no Usuário

17. • ISDFUHDSIUHGDFHG
Click

18. • ISDFUHDSIUHGDFHG
Click
UX?

19. • ISDFUHDSIUHGDFHG
Click
UX - Experiência do Usuário
Interação em si;
Como as pessoas se sentem interagindo com o produto;
Inclui a interface de qualquer produto, serviço, intervenção, etc.

20. • ISDFUHDSIUHGDFHG
Click
EMPATIA!

21. • ISDFUHDSIUHGDFHG
Click
Design Centrado no Usuário

22. • ISDFUHDSIUHGDFHG
Click
Experiência do Usuário

23. • ISDFUHDSIUHGDFHG
Click

24. • ISDFUHDSIUHGDFHG
ClickCronologia
A acessibilidade antes
da acessibilidade
Helen Keller, nasceu em 1880.
escritora e ativista social
norte-americana.
Cega e surda, filósofa lutou
em defesa dos direitos sociais,
das mulheres e das pessoas
com deficiência.
Anne Sullivan, professora que
percebeu que Helen (7 anos)
entendia os estímulos não
visuais e sonoros.

25. • ISDFUHDSIUHGDFHG
ClickCronologia
Na década de 50
Profissionais da reabilitação
começam a denunciar a
existência de barreiras físicas
que impediam a locomoção
de pessoas com deficiência.

26. • ISDFUHDSIUHGDFHG
ClickCronologia
Várias leis nas décadas
de 60, 70 e 80
Na década de 80: campanhas em
âmbito mundial para alertar a
sociedade sobre o Design
Universal.
Housing for the Lifespan of All
People.

27. • ISDFUHDSIUHGDFHG
ClickCronologia
Década de 90
American with Disabilities Act
(ADA) - 1990
Lei promulgada pelo Congresso
dos EUA que fala sobre os direitos
civis e proíbe, em determinadas
circunstâncias, a discriminação.
Accessibility Guidelines
(design) - 1991
Governo Americano
regulamenta os projetos
com acessibilidade.

28. • ISDFUHDSIUHGDFHG
ClickCronologia
Década de 90
1997 - Princípios de Design
Universal
1999 - Acessibilidade 1.0
Como tornar o conteúdo web
acessível a pessoas com
deficiências.
1999 - Usabilidade Web
Estudos e testes com usuários,
além do uso de métodos variados.

29. • ISDFUHDSIUHGDFHG
ClickCronologia
Anos 2000
Normas gerais e critérios
para promoção da
acessibilidade (BR)
Promulgação da lei n. 10.098
que estabelece as normas gerais
e critérios básicos para facilitar
a acessibilidade.
Acessibilidade Web (USA)
Seção 508 (2001)
Fala sobre tecnologias assistivas e
sua regulamentação em ambiente
web.

30. • ISDFUHDSIUHGDFHG
Click
Acessibilidade na Web
É a possibilidade de todos terem
acesso às interfaces digitais e ao
ambiente virtual web,
independente do tipo de usuário,
situação ou ferramenta.
(Adaptado de Serpro)

31. • ISDFUHDSIUHGDFHG
ClickW3C
Usabilidade
Atributo de qualidade relacionado
à facilidade do uso da interface.
Rapidez em aprender a utilizar algo;
Eficiência nesta utilização;
Facilidade de memorização;
Grau de propensão a erros;
Satisfação.
(Nielsen e Loranger, 2007)

32. • ISDFUHDSIUHGDFHG
Click
Design Universal:
Projeto para todos.
Auxilia na criação de produtos,
ambientes e meios de comunicação .
Facilita a vida da maioria das pessoas,
com pouco ou nenhum custo.
(Serpro - Gov. Brasileiro)

33. • ISDFUHDSIUHGDFHG
Click
Diferença entre os 3 termos:
Acessibilidade
Trata da melhor interação entre a pessoa
com determinada deficiência e as interfaces
físicas ou digitais.
Especificidade

34. • ISDFUHDSIUHGDFHG
ClickUsabilidade
Usuários (principais e
secundários) são definidos
pelos objetivos do projeto.
Particularidades

35. • ISDFUHDSIUHGDFHG
ClickDesign Universal
Design com foco em todas as
pessoas, sem o uso de adaptações
Idosos; Crianças; Pessoas com
deficiências; Analfabetos.
Universalidade

36. • ISDFUHDSIUHGDFHG
Click
Tipos de Usuários
Pessoas com deficiências
Idosos
Crianças
Pessoas com limitações impostas
pelo ambiente físico
Pessoas com limitações impostas
pelas barreiras tecnológicas
Acessibilidade na Web

37. • ISDFUHDSIUHGDFHG
Click
Tecnologias Assistivas
Digitais
Equipamentos Ampliadores de tela;
Softwares Ampliadores de Textos;
Leitores de Tela;
Impressoras Braille;
Terminais de acesso em Braille;
Reconhecedores de voz;
Lupa Eletrônica e Lupa Manual;
Máscara de Teclado;
Teclados Alternativos;
Teclados sensíveis;
Pranchas programadas e Vocalizador;
Mouses Adaptados ou Estáticos;
Tecnologias Assistivas

38. • ISDFUHDSIUHGDFHG
Click
Ampliador de Tela

39. • ISDFUHDSIUHGDFHG
Click
Leitor de tela de computador

40. • ISDFUHDSIUHGDFHG
Click
Ampliador de Texto/Tela

41. • ISDFUHDSIUHGDFHG
Click
Impressora Braille

42. • ISDFUHDSIUHGDFHG
Click
Terminal de Acesso em Braille

43. • ISDFUHDSIUHGDFHG
Click
Reconhecedor de Voz

44. • ISDFUHDSIUHGDFHG
Click
Lupa Eletrônica

45. • ISDFUHDSIUHGDFHG
Click
Máscara de Teclado

46. • ISDFUHDSIUHGDFHG
Click
Teclados Alternativos

47. • ISDFUHDSIUHGDFHG
Click
Prancha Programada e Vocalizador

48. • ISDFUHDSIUHGDFHG
Click
Mouse Adaptado ou Estático

49. • ISDFUHDSIUHGDFHG
Click
Tela Sensível ao Toque

50. • ISDFUHDSIUHGDFHG
Click
Diretrizes
Indicar os caminhos na melhor
criação de uma interface voltada ao usuário.
W3C - World Wide Web Consortium
http://www.maujor.com/w3c/introwac.html

51. • ISDFUHDSIUHGDFHG
Click
1. Fornecer alternativas textuais para
qualquer conteúdo não textual
2. Não recorrer apenas à cor
3. Utilizar corretamente marcações e folhas
de estilo
4. Indicar claramente qual o idioma utilizado
5. Criar tabelas passíveis de transformação
harmoniosa
6. Assegurar que as páginas sejam
acessíveis
7. Assegurar a possibilidade de interrupção
momentânea ou definitiva
Diretrizes

52. • ISDFUHDSIUHGDFHG
Click
8. Assegurar que a interface do usuário
obedeça a princípios de design para a
acessibilidade
9. Projetar páginas utilizando funções que
permitam a ativação
10.Utilizar soluções de acessibilidade
transitória
11.Utilizar tecnologia CSS
12.Fornecer informações de contexto
13.Fornecer mecanismos de navegação
claros
14.Assegurar a clareza e simplicidade dos
documentos
Diretrizes

53. • ISDFUHDSIUHGDFHG
Click
Avaliador e Simulador de Acessibilidade de Sites

54. • ISDFUHDSIUHGDFHG
ClickOBRIGADA!
cinthia.kulpa@gmail.com