ACESSIBILIDADE E USABILIDADE
Responsabilidade social indispensável em sites
web.
1
PROPÓSITOS DE SISTEMAS WEB
 Informativo
–

Funcional
–

Oferecer serviços
Entretenimento
–

Prestar informações
Divertir pessoas
Alguns sites têm múltiplos propósitos
2
PROPÓSITOS DE SISTEMAS WEB
3
ACESSIBILIDADE

Acessibilidade significa não apenas permitir que
pessoas com deficiências ou mobilidade reduzida
participem de atividades que incluem o uso de produtos,
serviços e informação, mas a inclusão e extensão do
uso destes por todas as parcelas presentes em uma
determinada população.
4
DIVERSIDADES DE HABILIDADES



Visuais
– Percepção cromática
– Acuidade
– Cegueira total
Auditivas
– Intensidade sonora
– Largura do espectro (como boa percepção de baixas
freqüências mas não de altas)
Motoras
– Tremores e espasmos
– Fraqueza muscular e fatiga
– Paralisia
5
COMPROMETIMENTOS A QUE TODOS
ESTAMOS SUJEITOS



Envelhecimento
– Acuidade visual reduzida
– Perda de audição
– Artrite
Exposição excessiva
– Lesão por Esforço Repetitivo
– Perda de audição por níveis elevados de ruído
Deficiências situacionais
– Direção de carro
– Ambiente barulhento
– Membros imobilizados
6
FERRAMENTAS

Para desenvolvedores:
- da Silva (avaliador para websites)
– http://www.dasilva.org.br/
- Accessibility Color Wheel
– http://gmazzocato.altervista.org/colorwheel/wheel.php
- Color Oracle
– http://colororacle.cartography.ch/
- Daltonize (“corrige” imagens para daltônicos)
– http://www.vischeck.com/daltonize/
- Fangs (emulador de leitor de tela - Firefox)
– http://www.standards-schmandards.com/projects/fangs/
7
SITE DASILVA.ORG.BR
8
ACCESSIBILITY COLOR WHEEL
9
FERRAMENTAS

Para portadores de deficiência:
- Virtual Magnifying Glass
– http://magnifier.sourceforge.net/
- NVDA (leitor de tela para Windows)
– http://www.nvda-project.org/
- HeadMouse
– http://robotica.udl.cat/headmouse/headmouse2/head
mouse2e.html
- Projetos da UFRJ
– http://intervox.nce.ufrj.br/
10
EXEMPLOS DE ACESSIBILIDADE
11
VARIAR TAMANHO DA FONTE
12
O MEC (PORTAL E-GOV DO MINISTÉRIO DA EDUCAÇÃO DO BRASIL)
UTILIZA UM BOTÃO QUE ALTERA AS CORES DO PORTAL PARA
CORES COM MAIOR CONTRASTE, AUMENTANDO A VISIBILIDADE
DE CADA ELEMENTO DE NAVEGAÇÃO E CONTEÚDO.
13
O SITE DA CASA PRÓPRIA DA CAIXA POSSUI UM
TRADUTOR DE TEXTO EM LIBRAS. LIBRAS É A
LINGUAGEM POR GESTOS, UTILIZADA POR PESSOAS
SURDAS PARA COMUNICAÇÃO.
14
ATALHOS
15
HEAD MOUSE
16
USABILIDADE: ALIADA DA
ACESSIBILIDADE
17
USABILIDADE
18
DESENHO UNIVERSAL

Desenho Universal é uma filosofia de projeto de
produtos, serviços e ambientes para torná-los usáveis
para um espectro de pessoas mais amplo possível ao
invés de apenas as “típicas”.
19
CARACTERÍSTICAS ALMEJADAS EM
UM DESENHO UNIVERSAL:
–
–
–
–
–
–
–
Uso igualitário - sempre que possível todos os usuário deveriam
usar a mesma interface ou interfaces equivalentes
Flexível em termos de uso- adaptável
Simples e intuitivo- óbvio
Informações perceptíveis
Tolerância a erros- seguro
Baixo esforço físico e mental
Dimensões e espaço para abordagem e uso
Bons desenhos universais não devem sacrificar eficiência ou
flexibilidade para usuários "típicos". Devem ter facilidades que os
20
ternam melhor para qualquer um.
RESTRIÇÕES CULTURAIS

Símbolos Arbitrários. Formas que somente têm
significado por convenção, mas têm a característica de
padrão internacional.

Símbolos de Referência. Retratam um objeto que por
referência ou analogia pode representar o conceito que o
símbolo está querendo representar. Exemplo: a lupa
representa que se pode ver o conteúdo de um arquivo; e
um semáforo.

Símbolos de Semelhança. Retratam o objeto que21
representam. Exemplo: a figura de uma impressora ou de
uma tesoura.
PROBLEMAS…









No uso de checkBox, em alguns países, o marcador X deve ser
substituído por V (sinal de visto), pois no Japão o X significa
exclusão.
Cravos brancos ou objetos brancos no Japão: morte;
Homem de Chapéu verde na China: homem cuja mulher é adúltera;
Evitar formas triangulares em Hong Kong, Coréia e Tailândia. São
associadas à má sorte ;
O número 7 é considerado má sorte no Kenya, Boa sorte na República
Tcheca e com conotações mágicas em Benin (Äfrica);
Número 10 é má sorte na Coréia;
Número 4 significa morte no Japão;
Vermelho significa bruxaria em muitos países africanos;
Vermelho é uma cor positiva na Dinamarca;
22
USABILIDADE

A usabilidade web associa-se aos estudos da Interação
Humano-Computador (IHC) e seu foco principal é a interação
dos usuários com sites e ferramentas da internet, em como as
interfaces devem ser desenvolvidas, e quais as tecnologias
e padrões devem ser adotados para garantir a qualidade de
um site. Qualidade essa que deve ser acessível a todos os
grupos de usuários (usuários corporativos, analfabetos
funcionais, usuários internacionais, idosos, jovens e usuários
com dificuldades físicas). Este último grupo é de suma
importância, pois como vimos à cima, é um percentual
considerável e que é, na mesma proporção, esquecido na hora
do desenvolvimento de um site.
23
USABILIDADE NA WEB

Usabilidade se refere à simplicidade e facilidade com que uma
interface visual de um web site podem ser percebidas e utilizadas pelo
usuário.
– Facilidade de aprendizagem: o web site deve ser fácil de assimilar
pelo usuário, para que este possa começar a interagir
imediatamente;
– Eficiência: o web site deve ser eficiente para que o usuário depois
de saber usá-lo, possa atingir uma grande produtividade;
– Facilidade de memorização: o web site deve ser facilmente
memorizado, para que depois de algum tempo sem navegá-lo, o
usuário se recorde de usá-lo novamente;
– Segurança: o web site deve prever os erros e evitar que os
usuários os cometam e, quando assim é, deve recuperar
facilmente o que foi perdido.
– Satisfação: o web site deve ser usado de uma forma agradável,
24
para que os usuários fiquem satisfeitos com a sua utilização.
CONT…

–
Eficácia: mede a adequação da interface, se ela
permite a realização correta do que é suposto;
–
Utilidade: Refere-se à capacidade da interface
apresentar as funcionalidades certas para que o
usuário atinja o seu objetivo final.
Descobriu-se que o usuário almeja resultados, lucros,
portanto a eficácia é tão importante na decisão sobre o
uso e aquisição do produto, software.
25
EXEMPLO DE USABILIDADE
ERRADO!!!
26
CORRETO!
27
Melhor!!
28
URNA ELETRÔNICA




Concebida
para
suprimir
as
possibilidades de só permitia aos cegos
treinados em Braille (15% dos cegos) a
realização do voto sem erro;
Feedback somente em 2002;
Idosos (analfabetos, cegos) que
tiveram sucesso no voto, tiveram auxilio
de mesários para votar;
Votar deve ser um ato civil natural e a
tecnologia não deve se colocar como
obstáculo!
29
BANNER
30
ACESSO RÁPIDO À PÁGINA
INICIAL
31
AJUSTAR O RELÓGIO?
 Poucos
mecanismos de controle e muita
funcionalidade…
32
CONCLUSÃO
O
que se quer…
Uma boa
interface esconde
sua tecnologia!!!!
33