UNIVERSIDADE FEDERAL DE OURO PRETO

CAMPUS JOÃO MONLEVADE

O Desafio das Interfaces:

Acessibilidade

Daniel Prato da Silva

Lucas Silva de Castro
Marina Gabriela do A Santos
 Sumário
Introdução;
Os principais tipos de incapacidade;
Dados Estatísticos;
Como superar as deficiências:
- Princípios de acessibilidade;
Incentivos do Governo:
- Leis e Padrões;
Conclusão.
Introdução
 Definição de
Acessibilidade
Inicialmente, acessibilidade era associada à necessidade de
transposição dos obstáculos arquitetônicos que impediam e ainda
impedem o acesso de pessoas portadoras de necessidades especiais a
lugares de uso comum e público.
Com o passar dos anos, devido à valorização e
reconhecimento da convivência com a diversidade, esse conceito
ganhou dimensões mais amplas e acessibilidade passou a abranger
não apenas a eliminação de obstáculos arquitetônicos, mas também
obstáculos de qualquer natureza como ambientais, meios de
transportes, de comunicação e informação.
 Definição de
Acessibilidade
Impulsionada pela web, acessibilidade torna-se um direito
de todo o usuário, pois deixa de ser restrita somente a pessoas
com deficiências para ser um aspecto diretamente relacionado
com a qualidade de vida de todas as pessoas.
Como reflexo disso, surgem oportunidades como
desenvolvimento de padrões e leis de incentivo a acessibilidade
e também obstáculos classificados em três dimensões:
tecnológica, econômica e social.
 Dimensões dos Obstáculos

 Usuários com baixa instrução;  Plataformas;

 Usuários deficientes.  Capacidades dos computadores;

 Custos de dispositivos de acessibilidade

 Os principais
tipos
de incapacidade
 Os principais tipos de
incapacidade
Embora as estimativas possam variar, a maioria dos estudos
mostra que aproximadamente um quinto (20%) da população tem
algum tipo de incapacidade. Nem todas estas pessoas possuem
incapacidades que possa dificultar o acesso a internet ou a sistemas.

Sob o ponto de vista comercial é imprudente excluir

propositalmente de um site ou sistema o percentual de 20, 10, ou
mesmo 5 por cento de clientes potenciais. No caso de escolas,
universidades e entidades do governo não seria apenas imprudente,
mas em muitos casos, também estaria contrário a lei.
 Os principais tipos de
incapacidade
As principais categorias dos tipos de incapacidade são:

Visual : Cegueira, miopia, acuidade visual fraca, visão embaçada.

´ Audição : Surdez.

Motora: Incapacidade de usar o mouse, diminuição do tempo de

resposta, controle motor com limitações.

Cognitiva: Incapacidades de Aprendizado, distração, incapacidade

de memorização ou de assimilar grandes quantidades de
informações.
 Os principais tipos de
incapacidade
Cada uma destas importantes categorias de deficiências
exigem certos tipos de adaptações no projeto do conteúdo de um
web site para internet. Na maioria das vezes estas adaptações
beneficiam a todos, e não somente as pessoas com incapacidades.

Quase todo o mundo beneficia-se de um conteúdo

organizado e com clareza na navegação. De forma semelhante,
enquanto as legendas são uma necessidade para usuários  surdos,
elas também podem ser úteis a outros, incluindo qualquer um que
veja um vídeo sem áudio.
 Deficiência Visual:
Cegueira
A chave para os princípios de Acessibilidade na Web para
usuários cegos são:

Perceptível: eles não podem ver as informações visuais tais como

imagens, layout, ou  informações baseadas em color-based.
Operacionáveis: normalmente eles precisam de um teclado para
acessar o conteúdo da web e suas funcionalidades.
Compreensível: eles não podem ter acesso ou compreender o
conteúdo que é apresentado em ordem lógica linear.
Robusto: normalmente o tipo de ajuda técnica utilizada pelos cegos
nem sempre são capazes de acessar todas tecnologias,
especialmente se são novas.
 Alternativas

Programas de software que convertem texto em voz

sintetizada e as pessoas cegas são capazes de ouvir o conteúdo da
web e permitem aos usuários navegar pelo conteúdo da Web de
muitas maneiras. O usuário pode simplesmente deixar que o leitor
de tela leia tudo de cima para baixo, uma linha de cada vez, ou o
usuário pode usar a Tecla TAB para navegar a partir de link para
link.
 Alternativas

Leitores de tela também podem ser utilizados por aqueles

que são surdos e cegos, mas em vez de transformar o texto em
discurso, leitores de tela para surdos-cegos convertem o texto em
Braille, em dispositivos que exibem caracteres em Braille  com
atualização de texto automática.
 Alternativas
Estes recursos utilizam o teclado como principal recurso para
navegar, mas nem todos os recursos disponibilizados conseguem ser
acessados através dele. Vários recursos disponibilizados
especialmente em JavaScript dependem do clique ou do movimento
do mouse. Não há nenhuma maneira de acessar esse tipo de conteúdo
usando apenas um teclado, sem fornecer qualquer outro método.

Em alguns casos, não há necessidade de fornecer uma alternativa, tal

como quando o comando "onmouseover" desencadeia uma mudança
de cores para uma imagem, por exemplo, não farão diferença nesse
caso.
 Deficiência Visual:
Cegueira de Cor
Ao conceber o conteúdo da web para as pessoas que possuem cegueira de
cor não há a necessidade de se converter todas as imagens para preto e
branco ou se livrar de todas as imagens. A chave é certificar-se de que as
cores não sejam o seu único método de transmissão de informações
importantes.

Exemplos de cegueira de cor:

• Daltonismo das cores Vermelho e Verde
• Protanomalia (Deficiência com vermelho)
• Deuteranomalia (Deficiência com a cor verde)
• Tritanopia (Deficiência com a cor azul)
• Acromia (Ausência de cores)
 Deficiência Visual:
Cegueira de Cor
Normal Protanopia Tritanopia Acromia
Deuteranopia
 Deficiência Visual:
Cegueira de Cor
A maior parte do tempo quando as pessoas colocam imagens
na web, o fato de que são coloridas é irrelevante. Pode ser
agradável ver as cores, mas o telespectador também pode
compreender a imagem removendo muitas das cores.

Se, no entanto, o objetivo do destaque da imagem é a de

comunicar alguma coisa sobre as cores da imagem então é
importante fornecer alguma outra forma de compreender a
informação.
 Deficiência Auditiva
A grande maioria dos desenvolvedores Web não levam em conta as
necessidades dos indivíduos que são surdos quando pensam em
acessibilidade na internet. Para muitos desenvolvedores,
acessibilidade Web consiste apenas em aderir a algumas
orientações que garantam a acessibilidade aos Leitores de Tela para
cegos.

Em um nível básico, a web é informação. Essas informações

podem ser apresentadas visualmente ou por áudio. Podem ser
apresentadas em gráficos, imagens, vídeos, áudio, animações ou
apenas texto.
 Deficiência Auditiva
Atualmente já existe uma grande quantidade de conteúdo em vídeo
disponível na maioria dos principais portais de notícias da internet.
Infelizmente para aqueles que são surdos, legendar áudio ainda é
quase uma prática inexistente na web.

As ferramentas  para legendar vídeos para internet existem, e os

conceitos sobre o uso de legendas também já existe há décadas. É
apenas uma  questão de querer fazer. A legenda em vídeos para
web é requerida por lei em alguns países, como por exemplo nos
Estados Unidos onde o site do governo federal e outros web sites
devem se enquadrar na resolução “Section 508”.
 Alternativas
Como os primeiros métodos sugeridos para fazer conteúdo
de áudio da web acessível aos surdos, alguns desenvolvedores
pensaram que o melhor meio seria fazer uma versão da linguagem
gestual para o conteúdo de áudio.

Mas existem alguns problemas com esta opção:

• Nem todas as pessoas surdas falam a linguagem de sinais.

• A imagem do vídeo na web muitas vezes não é suficientemente

grande ou com imagens claras para tornar a linguagem escrita
compreensível.
• Nem todo mundo fala a mesma linguagem gestual.
Alternativas
Outras alternativas são ainda softwares
que traduzem textos em uma animação para
a linguagem de sinais de acordo com cada
país. Ou ainda imagens que contam histórias
infantis em sinais.
 Alternativas
Como os primeiros métodos sugeridos para fazer conteúdo
de áudio da web acessível aos surdos, alguns desenvolvedores
pensaram que o melhor meio seria fazer uma versão da linguagem
gestual para o conteúdo de áudio.

Mas existem alguns problemas com esta opção:

• Nem todas as pessoas surdas falam a linguagem de sinais.

• A imagem do vídeo na web muitas vezes não é suficientemente

grande ou com imagens claras para tornar a linguagem escrita
compreensível.
• Nem todo mundo fala a mesma linguagem gestual.
 Deficiência Motora
O princípio fundamental da Acessibilidade Web para os
usuários com Deficiência motora é:

Operacional: porque nem todos podem usar um mouse,

clicar em pequenos links ou elementos e realizar ações para que
sistemas dinâmicos possam funcionar de maneira correta.
 Alternativas

Pessoas com deficiência motora nos membros superiores

que afetem os movimentos de uma mão ou braço ainda assim
pode ter acesso e fazer uso da internet utilizando o teclado com
apenas uma das mãos sem muita dificuldade. Teclados para uso
apenas com uma das mãos estão disponíveis e podem compensar
com eficiência a falta de contrapartida, pelo menos quando nos
referimos ao acesso a informação em princípio.
 Alternativas
No entanto, alguém que tenha perdido ambos os membros
pode ter necessidade de recorrer a outras tecnologias, como as
utilizadas por indivíduos com quadriplegia (varinhas para a
cabeça, bastões para a boca, software de reconhecimento de voz e
etc.).
 Deficiência Cognitiva
Em termos gerais pode-se dizer que uma pessoa com deficiência
cognitiva é uma pessoa sujeita a uma maior dificuldade ao executar
um ou mais tipos de tarefas mentais do que a pessoa com capacidade
mediana. E existem inúmeros tipos de deficiências cognitivas , como:
problemas de memória, na resolução de problemas, falta de atenção,
compreensão Verbal, dentre outras.

Na criação de qualquer projeto, qualquer lista de considerações para

usuários com incapacidades cognitivas facilmente pode se
transformar em uma lista prolongada de interesses de usabilidade em
geral, que poderiam ser chamados de "bons princípios de design." 
 Alternativas
A estrutura de seu documento deve ser o mais fácil de entender e
pode ser criada adicionando os seguintes elementos:
• Cabeçalhos
• Listas de marcação ou numeradas

• Listas de definição
• Abrir parágrafo de citação

Também pode adicionar estrutura visual a um documento para

beneficiar as pessoas que tem visão. Por exemplo:
• Classificar subitens em uma lista hierárquica
• Dar destaque a um item modificando a cor de plano de fundo
 Dados
Estatísticos
 Dados Estatísticos
Na perspectiva do trabalho, a questão foi definida pela
Convenção 159 (1983) da Organização Internacional do Trabalho
(OIT), ratificada pelo Brasil, em 1991, através do Decreto nº 129.

De acordo com essa Convenção, a pessoa portadora de

deficiência para o trabalho foi definida como aquela cuja
possibilidade de conseguir permanecer e progredir no emprego é
substancialmente limitada em decorrência de uma reconhecida
desvantagem física ou mental. Com base nessa definição, a OIT
estima que cerca de 8% da população economicamente ativa do
mundo é constituída por portadores de deficiência.
Dados Estatísticos
Dados Estatísticos
Como superar as
deficiências?
 Princípios de
Acessibilidade
•Forneça texto alternativo apropriado:
Esta medida oferece uma alternativa textual ao conteúdo não-texto (imagens,
por exemplo) das páginas da web. Isto permite que pessoas que possuem
deficiência visual e necessitam de um leitor de tela para que o conteúdo possa ser
lido para eles.

•Não conte com cores para transmitir informações:

Esta medida possibilita que pessoas portadoras de deficiência visual,
compreendam as informações.
Nota: Cor de frente semelhante a cor de fundo não produz contraste
suficiente para uma boa exibição.
 Princípios de
Acessibilidade
•Assegure-se que o conteúdo esta escrito claramente:
O uso de uma linguagem clara e de fontes com bom destaque, propicia um
conteúdo simples e fácil de ser entendido.

•Garanta legenda ou descrição de todas as imagens:

Esta medida permite que sintetizadores de fala utilizados por deficientes
visuais leiam os textos associados as imagens.
O:
PL
M
E
EX
 Princípios de
•Garanta
Acessibilidade
que o tamanho do texto possa ser
aumentado:
Esta medida permite que pessoas com deficiências de visão (idoso), possam
ler sem sentir fadiga.
O:
PL
EM
EX
 Princípios de
Acessibilidade
•Garanta que o comprimento do texto se ajusta ao
tamanho da janela:
Esta medida facilita para os softwares responsáveis pela ampliação.
O:
PL
EM
EX
 Princípios de
Acessibilidade
•Garanta a identificação dos campos de formulários:
Esta medida permite que os usuários identifiquem as funcionalidades dos
campos
O:
PL
EM
EX
 Princípios de
Acessibilidade
•Permita ativação dos elementos da página web ou
software através do teclado:
Esta medida permite que usuários com destreza reduzida ou com
incapacidade de ver o cursor do mouse interajam fazendo uso do teclado.

•Forneça Closed Caption em arquivos de áudio e

vídeos:
Esta medida permite que arquivos de áudio e de vídeo possam ser entendidos
por pessoas com deficiência visual.
 Princípios de
•Certifique
Acessibilidade
que os links façam sentido para o
contexto:
Esta medida permite que os usuários que utilizam leitores de tela
identifiquem facilmente através dos links o conteúdo desejado.
O:
PL
EM
EX
 Princípios de
Acessibilidade
•Utilize ferramentas e serviços automáticos de análise
da acessibilidade:
Essa medida além de proporcionar um ambiente agradável, permite que
pessoas com algum tipo de deficiência personalizem o conteúdo disponível de
acordo com suas necessidades.
O:
PL
EM
EX
 Princípios de
Acessibilidade
•Afixe o símbolo de acessibilidade:
Essa medida permite visualização imediata de que o site ou software oferece
funcionalidades de acessibilidade as pessoas portadoras de necessidades especiais.
O:
PL
EM
EX
 Leis para Acessibilidade Web
A Lei decretada pelo presidente Lula em dois de dezembro de 2004 - um dia antes do
dia mundial do deficiente - tem o artigo nº 47 que trata exclusivamente da
acessibilidade para Web.

A partir de dois de dezembro de 2005, exatamente doze meses a contar da data de

publicação deste Decreto, todos os portais e sites da administração pública deverão ter
obrigatoriamente seus conteúdos acessíveis para pessoas portadoras de deficiência
visual.

Aqueles que não cumprirem as recomendações do Governo ficarão sujeitos às

penalidades citadas no decreto, como o corte de recursos públicos e empréstimos,
sanções administrativas, cíveis e penais cabíveis, previstas em lei, entre outras.
 Incentivos do Governo

O sítio eletrônico www.esportes.mg.gov.br possui dispositivos que visam

permitir o adequado usufruto das funcionalidades e acesso aos conteúdos
disponibilizados, conforme padrões de boas práticas de desenvolvimento Web
(Web Standards).

No site são usados recursos como: aumento e diminuição do tamanho das

letras, teclas de atalho e outros.
 W3C
O World Wide Web Consortium é um consórcio de empresas de tecnologia,
atualmente com cerca de 500 membros. Fundado por Tim Berners - Lee em 1994
para levar a Web ao seu potencial máximo, por meio do desenvolvimento de
protocolos comuns e fóruns abertos que promovem sua evolução e asseguram a sua
interoperabilidade. O W3C desenvolve padrões para a criação e a interpretação dos
conteúdos para a Web Sites desenvolvidos segundo esses padrões podem ser
acessados e visualizados por qualquer pessoa ou tecnologia, independente de
hardware ou software utilizados.

Para alcançar seus objetivos, a W3C possui diversos comitês que estudam as
tecnologias existentes para a apresentação de conteúdo na Internet e criam padrões
de recomendação para utilizar essas tecnologias.
Site acessível
Site não Acessível
 Dicas do W3C para criar na Web
• Imagens e Animações: use o atributo alt para descrever a função de cada elemento visual.
• Imagemaps: use mapas client-side (o tag map) e texto para as regiões clicáveis.
• Multimídia: inclua legendas e transcrições para o audio, e descrições para o vídeo.
• Híperlinks: utilize texto que faça sentido fora do contexto. Evite a frase "clique aqui".
• Organização da Página: use cabeçalhos, listas e uma estrutura consistente. Use CSS para
layout e estilo sempre que possível.

• Gráficos e Diagramas: sumarize o conteúdo ou use o atributo longdesc.

• Scripts, applets e plug-ins: para o caso de estarem desabilitados ou de não serem
suportados pelo browser, forneça conteúdo alternativo.
• Tabelas: torne compreensível a leitura linha a linha. Resuma.
Vídeo sobre Acessibilidade Web