ACESSIBILIDADE E USABILIDADE Responsabilidade social indispensvel em sites

ACESSIBILIDADE E USABILIDADE Responsabilidade social indispensável em sites web. 1

PROPÓSITOS DE SISTEMAS WEB l Informativo – l Funcional – l Oferecer serviços Entretenimento – l Prestar informações Divertir pessoas Alguns sites têm múltiplos propósitos 2

PROPÓSITOS DE SISTEMAS WEB 3

ACESSIBILIDADE l 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 l l l 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 l l l 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 l 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 l Para portadores de deficiência: - Virtual Magnifying Glass – http: //magnifier. sourceforge. net/ - NVDA (leitor de tela para Windows) – http: //www. nvda-project. org/ - Head. Mouse – http: //robotica. udl. cat/headmouse 2/head mouse 2 e. 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 É 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 l 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 l Símbolos Arbitrários. Formas que somente têm significado por convenção, mas têm a característica de padrão internacional. l 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. l Símbolos de Semelhança. Retratam o objeto que 21 representam. Exemplo: a figura de uma impressora ou de uma tesoura.

PROBLEMAS… l l l l l No uso de check. Box, 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 l 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 l 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… l – 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 l l 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