Upload
others
View
1
Download
0
Embed Size (px)
Citation preview
Acessibilidade
Sumário
• Acessibilidade – Introdução – Motivação – Histórico – Tipos de deficiências – Recursos computacionais – Aspectos técnicos – Acessibilidade aplicada (ou não) – Acessibilidade e Web – Teste de acessibilidade – Trabalho – Referências
>> Introdução
Introdução
• Algumas definições
– Wikipédia • Permitir que pessoas com deficiências participem de
atividades que incluem o uso de produtos, serviços e informação com o menor número de restrições possíveis.
– W3C • Oferecer interfaces projetadas de modo a que pessoas com
deficiências possam perceber, entender, navegar e interagir de uma maneira efetiva, bem como sintam-se e sejam capazes criar e contribuir com seus conteúdos.
>> Motivação
Motivação
• Estimativas – Segundo a OMS, 10% de qualquer população
apresenta algum tipo de deficiência
– No Brasil, o censo de 2000 do IBGE indica 24,6mi de brasileiros deficientes
• Aspectos – Idade
– Idioma
– Nível educacional
>> Histórico::Origens
Histórico
• Origem fora da TI – O conceito de Acessibilidade, assim como outros na
informática não tem origem na área da TI.
• Arquitetura – Desde épocas remotas, utensílios, mobílias e outros
produtos, principalmente de uso pessoal, têm sido projetados para pessoas com algum tipo de deficiência
• Urbanismo – Mais recentemente, e cada vez mais frequentemente,
espaços urbanos estão levando em consideração as necessidades de pessoas com deficiências
>> Histórico::TI e Acessibilidade
Histórico
• TI e a Acessibilidade – Computadores cada vez mais tangíveis
– Internet tornando-se o principal meio de comunicação ativa
– Inclusão social • Desmistificação
• Programas diversos
• Apoio de ONGs
– No trabalho • Serviço público
• Empresas conscientes
Surdo
Surdo
Rádio Notícia
Computador Interação
?
>> Algumas deficiências
Algumas deficiências
• Visual – Miopia, discromopsia (daltonismo), cegueira
• Auditivas – Surdez parcial ou total
• Físicas – Paralisia, amputação, defeitos genéticos
• Fala – Mudez, dificuldade
• Cognitivas – Memorização, atenção, juízo, raciocínio
• Neurológicas – QI < 70
>> Legislação
Legislação
• A acessibilidade está amparada na esfera legislativa, com várias leis
• Lei 7.853 – Política Nacional para Integração da Pessoa Portadora de Deficiência
• Lei 10.098 – Normais gerais para promoção da acessibilidade
• Lei 5.296 – Prioridade de atendimento
– Desde 1998,o governo americano aplica a chamada Seção 508, que define inúmeras diretivas de acessibilidade para os órgãos públicos
Entretanto, a falta de regulamentação sobre vários temas
ainda implica em consequências sérias
>> Recursos habituais
Recursos habituais
Microfone
Filmadora
Monitor
Mouse
Teclado
Botões
Impressora
Som
>> Recursos não-habituais
Microfone
Filmadora
Monitor
Mouse
Teclado
Botões
Impressora
Som
Recursos não habituais
TextToSpeech
TouchScreen
Impressora braile
SpeechToText
SpeechToSignal
TextToSignal
IrisToText
>> Recursos ainda por vir
Microfone
Filmadora
Monitor
Mouse
Teclado
Botões
Impressora
Som
Recursos ainda por vir
TextToSpeech
TouchScreen
Impressora braile
SpeechToText
SpeechToSignal
TextToSignal
IrisToText
SignalToText
SignalToSpeech
>> Teclado virtual 1
Recursos
• Teclado virtual (1) – Programa que simula um teclado físico
– OBJETIVO
• Facilitar o acesso às operações baseadas em teclado quando o usuário está impossibilitado de executá-las fisicamente
– Exemplo: Não conseguir pressionar <CONTROL>+<ALT>+<DEL>
– FUNCIONAMENTO
• Uma programa em execucão oferece uma interface visual que simula as teclas de um teclado tradicional
• O usuário clica com o mouse sobre as teclas e essas são passadas para o aplicativo em uso
Mesmo aqui, é difícil digitar um
“Ç”, operação que demanda:
1. <„>
3. <SHIFT>
4. <c>
>> Teclado virtual 2
Recursos
• Teclado virtual (2) – Dispositivo que emite um feixe luminoso sobre uma superfície plana, gerando a imagem
de um teclado
– OBJETIVO
• Permitir que um teclado completo seja disponibilizado em um equipamento sem o recurso
– Exemplo: PDAs e celulares
– FUNCIONAMENTO
• Um feixe de luz é projetado. O dispositivo mapeia, a posição da tecla pela distância e ângulo onde ocorre a interferência luminosa (tecla digitada)
>> Teclado virtual 3
Recursos
• Teclado virtual (3) – Integração entre software e hardware que permite o uso do computador através de
movimentos oculares (íris)
– OBJETIVO
• Permitir que pessoas com imobilidade total utilizem o computador
– FUNCIONAMENTO
• Um misto de teclado virtual e botões funcionais é exibido no monitor do computador. Uma câmera mapeia os movimentos oculares do usuário e, baseados nesses, as teclas virutais e menus são acionados
>> Mouse de cabeça
Recursos
• Mouse de cabeça – É um mouse que é operado pela cabeça do usuário. Tem as mesmas funcionalidades de
um mouse comum
– OBJETIVO
• Permitir que pessoas sem os membros superiores, mas com capacidade de coordenação da cabeça, manipulem um mouse
– FUNCIONAMENTO
• O dispositivo que contém uma câmera infravermelha é fixado sobre o monitor. Um pequeno capacete com um sensor é colocado na cabeça do usuário. Os movimentos da cabeça são mapeados para os comandos no computador
>> Zoom
Recursos
• Zoom – Aumento da imagem na tela
– OBJETIVO
• Permitir que pessoas com dificuldade na visão enxerguem as informações disponibilizadas na tela do computador
– FUNCIONAMENTO
• Um software captura uma região da tela e projeta a imagem dessa em outra região (ou monitor)
– Exemplo: Microsoft Magnifer
Região original
Resultado
>> TextToSpeech
Recursos
• TextToSpeech – Software destinado à tradução de texto para voz
– OBJETIVO
• Permitir que pessoas com problemas na visão tenham acesso a informações textuais exibidas na tela do computador
– Exemplo Windows Narrator
– FUNCIONAMENTO
• Algoritmos especializados traduzem as palavras exibidas na tela em voz.
>> TextToSignal
Recursos
• TextToSignal – Software que permite que textos escritos sejam traduzidos em sinais, como os da
Linguagem de Libras
– OBJETIVO
• Permitir que pessoas que não ouvem (e não conseguiram aprender a ler) recebam informações
– FUNCIONAMENTO
• As palavras são traduzidas em sequências de imagens, as quais correspondem aos sinais da linguagem de saida
>> SpeechToSignal
Recursos
• SpeechToSignal – Tradução da voz para sinais como os existentes na Linguagem de Libras
– OBJETIVO
• Possibiltar que locutores (sem conhecimento de linguagem de sinais) passem informações orais diretamente para os deficientes auditivos
– FUNCIONAMENTO
• Um sofware capta a voz do locutor e algoritmos especializados traduzem as informações em imagens que correspondem aos sinais da linguagem de saída
– Projeto-piloto em São Paulo, com incentivos do governo
>> Glue Keys
Recursos
• Glue Keys – Recurso do pacote Office que permite fixar teclas de controle (Shift, Control,
Alt) para permitir operações como Control-C, Shift-F, etc para pessoas com dificuldades
– OBJETIVO
• Facilitar o uso do programa por pessoas com dificuldades motoras
– FUNCIONAMENTO
• Recurso transparente, acionado com o pressionamento da tecla <SHIFT> por 5 segundos. A partir daí, as teclas pressionadas separadamente funcionam como se fossem pressionadas simultaneamente
Ctrl c
Ctrl
c
Glue Keys
>> Aspectos técnicos
Aspectos técnicos
• Para promover a acessibilidade, tanto o hardware como o software devem evoluir – Hardware
• A cada dia, equipamentos mais sensíveis e com maior robustez são encontrados
– Software
• Pesquisas em áreas diversas proprõem soluções para problemas novos e também para problemas existentes (já solucionados ou não)
2006 1968
4 décadas depois
>> Antialiasing
Aspectos técnicos
• Antialiasing – Redução da distorção causada pela
graduação gráfica através do uso de tonalidades intermediárias
>> Antialiasing::Funcionamento
Antialiasing
• Funcionamento
Linha sem antialiasing Linha com antialiasing simples
Resolução=px
Resolução=px
Pixels com cores
intermediárias são
adicionados entre o elemento
principal e o fundo em que
ele se encontra
Algoritmos de antialiasing
são complexos, devendo
considerar aspectos com a
direção e a área do objeto, a
qual aumenta com o recurso A=x
A’>A
>> Acessibilidade aplicada::Independência
Acessibilidade aplicada
• Independência
– Tornar os produtos independentes do cliente
• Sites projetados para qualquer navegador – Se não puder, colocar mensagem avisando
• Indicar resolução de tela recomendada
Nota-se que no navegador
FireFox ocorreram erros em
menus, cor de fonte, tipo de
fonte e layout. Isso é um erro
imperdoável.
>> Acessibilidade aplicada::Fácil localização
Acessibilidade aplicada
• Fácil localização
– Tornar os elementos fáceis de encontrar
• Menus localizáveis visualmente
• Dicas de tela
• Teclas de atalho
• Fácil ajuda
Arqu
>> Acessibilidade aplicada::Informação visível
Acessibilidade aplicada
• Coloque a informação para o usuário
– Reduza os movimentos oculares
– Reduza o número de cliques de mouse
– Reduza o número de teclas pressionadas Para dar um “reply”
era preciso clicar
aqui e depois...
...aqui
Agora um botão
“Reply” aqui ficou
muito mais acessível
>> Acessibilidade aplicada::Poderia ser melhor
Acessibilidade aplicada
• Poderia ser melhor
– Control-Space trazendo todos os contatos
j Aqui, digitando-se “J”
aparecem os contatos
que possuem “J” no
nome
Um Control-Space
poderia listar todos
os contatos
>> Acessibilidade aplicada::Mostrando os recursos
Acessibilidade aplicada
• Mostrando os recursos
>> Acessibilidade aplicada::Que imagem?
É acessível mesmo?
• Que imagem? – O conjunto de imagens utilizado no site considera aspectos de usabilidade?
– Todos conseguem ver a imagem (lembrando que podemos estar usando o computador com um serviço TextToSpeech) ?
>> Acessibilidade aplicada (ou não)::Eu não falo inglês
É acessível mesmo?
• Eu não falo inglês
– No Google, a recuperação de senha também usa imagens aumentar a segurança. Entretanto, mesmo com o serviço TextToSpeech, é difícil utilizar o sistema
O serviço de voz é oferecido
para língua inglesa somente
e mesmo assim, a
interpretação é difícil
>> Acessibilidade aplicada (ou não)::iTunes
É acessível mesmo?
• O software está projetado para suportar recursos de acessibilidade necessários?
Aqui, as letras foram
simplesmente “cortadas” nas
partes superiores e inferiores
devido o uso do recurso
“Large Fonts” no Windows
>> Acessibilidade aplicada (ou não)::Cores
É acessível mesmo?
• Adianta somente usar cores?
– Disponibilizar marcadores (ou mesmo braile) nos teclados bancários seria uma boa idéia
– Seguir um padrão na disposição das teclas também é bem-vindo
– O uso de voz não poderia ser uma possibilidade?
>> Acessibilidade e web
Acessibilidade e web
• Nos dias atuais, a web é um dos principais meios de comunicação
– Como consequência, a correta aplicação dos preceitos de acessibilidade podem determinar a alcançabilidade do produto
• Nos próximos slides, algumas dicas sobre como tornar websites acessíveis
>> Algumas diretrizes
Acessibilidade e web
• Algumas diretrizes (W3C)
– Conformidade com o W3C
• http://www.w3.org/TR/WAI-WEBCONTENT/
– Prover alternativas equivalentes para conteúdo auditivo e visual
– Não depender somente de cor
– Usar marcação de HTML propriamente
A
<H1>A</H1> <img src=”casa.gif” />
<img scr=”casa.gif”
alt=”foto de uma casa amarela de dois andares” />
Atenção Atenção
>> Algumas diretrizes
Acessibilidade e web
• Algumas diretrizes (W3C)
– Clarificar o uso de linguagem natural
– Criar tabelas que se transformem graciosamente
Tem certeza que deseja deletar esse registro?
Tem certeza que deseja apagar esse registro?
90% 90%
>> Algumas diretrizes
Acessibilidade e web
• Algumas diretrizes (W3C) – Assegurar controle do usuário sobre conteúdo modificado com o tempo
– Assegurar acessibilidade direta de objetos com interface de usuário própria
– Projetar para não dependência de equipamentos O usuário decide
como controlar o
comportamento da
página
Qual tecla inicia ou
pára esse vídeo?
>> Algumas diretrizes
Acessibilidade e web
• Algumas diretrizes (W3C) – Prover contexto e orientação
– Prover mecanismos claros de navegação
– Assegurar clareza e simplicidade nos documentos
Nome
Lápis
Caneta
OK
Nome
Quantidade de lápis
Quantidade de canetas
OK
Dados do cliente
Dados da compra
download
baixe gratuitamente agora a última versão (3.2.1_03) desse software maravilhoso
Contexto
>> Testando a acessibilidade
Testando a acessibilidade
• É possível testar a acessibilidade?
– Sim. Embora muitos conceitos sejam subjetivos, a acessibilidade pode ser testada, tanto de forma manual como de forma automatizada
– A base para isso são recomentações, geralmente oriundas do W3C
>> Teste automatizado
Teste automatizado
• Programas específicos aplicam regras de acessibilidade sobre o sistema
– Utilizam regras e geram relatórios de saída – Conceito W3C
• Prioridade 1 - Pontos que os criadores de conteúdo Web devem satisfazer inteiramente • Prioridade 2 - Pontos que os criadores de conteúdos na Web deveriam satisfazer • Prioridade 3 - Pontos que os criadores de conteúdos na Web podem satisfazer
• DaSilva – Projeto brasileiro que objetiva testar a acessibilidade de sites – http://www.dasilva.org.br/
• WebXACT – Produto comercial, reconhecido amplamente – http://webxact.watchfire.com/
• FrontPage – Na versão 2007, possui um utilitário para testar os websites desenvolvidos pelo
programador
>> Teste automatizado
Teste automatizado
• WebXACT em ação
Aqui, as regras da
W3C são provadas e
o resultado do site
mostrado
>> Teste manual
Teste manual
• Efetuar a validação do site com base no checklist do W3C
– Versão 2.0
– Preferencialmente, o processo deve ser guiado por um especialista
>> Teste manual