acessibilidade na web parte 02
TRANSCRIPT
As Interfaces Tecnológicas
com Design Acessível para a Baixa Visão
Cínthia C. Kulpa e Eluza T. Pinheiro
CURSO DE CAPACITAÇÃO PARA GESTORES PÚBLICOS:
Políticas de Acessibilidade e Direitos Humanos.
As Interfaces Tecnológicas com
Design Acessível para a Baixa Visão
Quantas vezes você já acessou
algum site pela 1ª vez
e não era clara a forma de utilizá-lo?
As Interfaces Tecnológicas com
Design Acessível para a Baixa Visão
Interface do site da Universidade Federal de Pernambuco.
As Interfaces Tecnológicas com
Design Acessível para a Baixa Visão
Interface Computacional do Usuário
Parte visível de um sistema
onde o usuário se comunica e realiza tarefas.
Vários elementos são percebidos pelo usuário!
(Carvalho e Daltrini, 1994)
As Interfaces Tecnológicas com
Design Acessível para a Baixa Visão
Contraste, Forma...
Interface do site Ubisoft.
As Interfaces Tecnológicas com
Design Acessível para a Baixa Visão
Quantas vezes você entrou em sites
onde as informações geram dúvidas
ou insegurança na realização das tarefas?
As Interfaces Tecnológicas com
Design Acessível para a Baixa Visão
Interface do site Banco do Brasil.
As Interfaces Tecnológicas com
Design Acessível para a Baixa Visão
Interfaces Bem Projetadas
Sentimentos positivos de sucesso,
competência e clareza para o usuário.
(Carvalho e Daltrini, 1994)
As Interfaces Tecnológicas com
Design Acessível para a Baixa Visão
Quanto tempo se perde tentando
compreender como funciona determinado site?
As Interfaces Tecnológicas com
Design Acessível para a Baixa Visão
Usabilidade
Atributo de qualidade relacionado
à facilidade do uso da interface.
(Nielsen e Loranger, 2007)
As Interfaces Tecnológicas com
Design Acessível para a Baixa Visão
Interface do Nielsen Norman Group.
As Interfaces Tecnológicas com
Design Acessível para a Baixa Visão
O quanto as cores contribuem
na usabilidade de uma interface web?
As Interfaces Tecnológicas com
Design Acessível para a Baixa Visão
Cor
Chamar a atenção do usuário
Direcionar a leitura
Indicar aspectos da interface
Criar planos de fundo
Facilitar a memorização
(Carneiro, 2003)
As Interfaces Tecnológicas com
Design Acessível para a Baixa Visão
Interface do Nielsen Norman Group.
As Interfaces Tecnológicas com
Design Acessível para a Baixa Visão
Quem é o Deficiente de Baixa Visão?
As Interfaces Tecnológicas com
Design Acessível para a Baixa Visão
Baixa Visão
Perda severa da visão, não é corrigida
por tratamento clínico ou cirúrgico,
nem por óculos convencionais.
Visão entre 20/40 e 20/200, após correção.
(Carvalho, 1994)
As Interfaces Tecnológicas com
Design Acessível para a Baixa Visão
- 24% da população possui algum tipo de deficiência,
ou seja, 45 milhões de brasileiros.
- 35 milhões de pessoas: deficientes de Baixa Visão.
Perspectiva de realizar a inclusão
social/digital destas pessoas passa a ser um desafio.
(IBGE Brasil, 2010)
As Interfaces Tecnológicas com
Design Acessível para a Baixa Visão
Posição intermediária entre as pessoas
que enxergam normalmente e
as pessoas deficientes visuais totais.
Condição marginal = Dificuldades de ajuste à sociedade.
Excluídos num nível maior que pessoas
cegas e pessoas de visão normal.
(Paschoal, 1993)
As Interfaces Tecnológicas com
Design Acessível para a Baixa Visão
Resíduo Visual não utilizado:
Possui visão útil.
Diminui progressivamente a visão funcional.
Poderiam Navegar na Web: Interfaces Ajustadas.
Sem os Programas de Voz ou Ampliadores de Telas.
(Amiralian, 2004)
As Interfaces Tecnológicas com
Design Acessível para a Baixa Visão
Como saber se uma Interface
está adequada ao usuário de Baixa Visão?
As Interfaces Tecnológicas com
Design Acessível para a Baixa Visão
Interface Protótipo para Teste com Usuário de Baixa Visão.
As Interfaces Tecnológicas com
Design Acessível para a Baixa Visão
Contrastes eficientes para Usuário de Baixa Visão.
As Interfaces Tecnológicas com
Design Acessível para a Baixa Visão
Contrastes eficientes para Usuário de Baixa Visão.
As Interfaces Tecnológicas com
Design Acessível para a Baixa Visão
Site prevendo usabilidade, interface principal: links para acessibilidade.
Interface do site Instituto Federal do Rio Grande do Sul
As Interfaces Tecnológicas com
Design Acessível para a Baixa Visão
Interface com contraste, ampliação prevista na página e nas letras dos textos em geral.
Interface do site Instituto Federal do Rio Grande do Sul
As Interfaces Tecnológicas com
Design Acessível para a Baixa Visão
Interface com contraste, ampliação prevista na página e nas letras dos textos em geral.
Interface do site Instituto Federal do Rio Grande do Sul
As Interfaces Tecnológicas com
Design Acessível para a Baixa Visão
Interface do site blackmountainbicycle.com
Apresentação da interface sem usabilidade.
As Interfaces Tecnológicas com
Design Acessível para a Baixa Visão
Interface do site blackmountainbicycle.com
Apresentação da interface visando usabilidade.
As Interfaces Tecnológicas com
Design Acessível para a Baixa Visão
Interface do site Design Unisinos.
Textos imperceptíveis e contrastes inadequados.
As Interfaces Tecnológicas com
Design Acessível para a Baixa Visão
Interface do site Scuola Politecnica di Design
Textos imperceptíveis e contrastes inadequados.
As Interfaces Tecnológicas com
Design Acessível para a Baixa Visão
Interface do site Submarino.
Cores de alto contraste.
As Interfaces Tecnológicas com
Design Acessível para a Baixa Visão
Interface do site Sitedaw.
Menus contrastantes, sem Flash, etc.
As Interfaces Tecnológicas com
Design Acessível para a Baixa Visão
Interface do site Apple.
Evitar imagens em Flash.
As Interfaces Tecnológicas com
Design Acessível para a Baixa Visão
Interface do site Unibanco..
Menus com formas simplificadas.
As Interfaces Tecnológicas com
Design Acessível para a Baixa Visão
Interface do site Planeta Educação.
Interfaces limpas e bem organizadas.
As Interfaces Tecnológicas com
Design Acessível para a Baixa Visão
OBRIGADA!