Teste de interface

9 views
Skip to first unread message

Taynara Jaegger

unread,
Jun 17, 2009, 6:43:03 PM6/17/09
to acesso...@googlegroups.com
Boa noite pessoal,
 
Aqui na empresa onde trabalho, estamos desenvolvmento, em fase de término já, um site de esportes para deficientes e todo o público.
Caso vocês tenham tempo, peço que testem esta interface: http://www.institutosuperar.com.br .
É claro que estamos tentando tornar o site o mais acessível e com ótima usabilidade possível, mas precisamos que usuários testassem para melhorarmos ainda mais o site.
 
Agradeço a quem puder fazer este teste.
 
Abraços.

--
Att,
Taynara Jaegger da Silva
Celular: (21)8606-7906
http://blogdatay.wordpress.com
e-mail: tayn...@gmail.com

Horacio Soares

unread,
Jun 17, 2009, 7:33:39 PM6/17/09
to acesso...@googlegroups.com
Boa noite Taynara,

Primeiro parabéns pelo projeto, o site tem um design bem atraente e clean. As fotos usadas são um show a parte.

Bem, mas como sou chato, seguem algumas sugestões de uma breve análise que fiz da homepage do site:

Sugestões:

- Sugiro trocar o texto "HOME" do título da página por algo em português, pois um leitor de telas vai ler algo como "Omi".

- No menu você usa "página inicial" e nas migalhas de pão usa "home" e os dois levam para o mesmo lugar.

- O ideal é que na página em destaque não tenha nenhum link para ela mesma. Tipo assim, a página inicial não precisa ter link ativo nela mesma.

- Os saltos para conteúdo, menu, etc., foram aplicados com "display:none". Alguns leitores de tela já interpretam o CSS e não irão ler os saltos. Se a estratégia for mesmo essa, posicione os links fora da tela. Mas fica aqui uma pergunta, será que os deficientes motores não terão interesse em utilizarem os saltos? Ou seja, será que não poderiam ficar visíveis?

- Os links para "Aumentar, Diminuir e Normal" estão com baixo contraste.

- Os ícones em baixo do menu estão pequenos demais.

- Os links das parcerias abrem em uma nova janela sem aviso prévio. Os textos aplicados abaixo dos logotipos ficaram na minha opinião redundantes e até um pouco estranhos. Listas de links devem ser aplicadas em listas não-ordenadas ou algo parecido,  e não em uma coleção de DIVs.

- Vários elementos que deveriam estar no HEAD da página, estão no início do BODY.

- Vale uma validação do XHTML, a homepage tem erros básicos.

- Excesso de DIVS, pode ser melhorada a semântica.

- O Mapa do site poderia estar no topo da página e não no final.

- Criação de um link de acessibilidade para receber feedback sobre o site e também para explicar quais técnicas foram aplicadas, etc. O site está legal, mas pode aproveitar esse feedback para melhorar sempre.


Beijos do chato,

Horácio Pastor Soares
Acesso Digital - http://acessodigital.net
e-mail: horacio...@acessodigital.net
blog: http://horaciosoares.blogspot.com/
twitter.com/horaciosoares
celular 5521 9925-5404


2009/6/17 Taynara Jaegger <tayn...@gmail.com>

MAQ

unread,
Jun 18, 2009, 4:30:34 PM6/18/09
to acesso...@googlegroups.com
 
Oi Tainara, boa tarde.
 
Não fui ver o código, mas testando a navegação com leitores de tela (Webvox e Jaws 9 e 10), reparei nas seguintes coisas:
 
1 - o salto para conteúdo só aparece, como o Horácio informou, no Webvox, mas no Jaws, por respeitar um das propriedades do CSS de ocultar, o salto para o conteúdo ficou oculto, não só para pessoas com deficiência visual usuárias do Jaws, como para pessoas com deficiência física que naveguem via teclado e pessoas sem deficiência.
 
2 - o mesmo caso aconteceu com o menu de navegação, pois aparecem dois distintos, um no Webvox e outro no Jaws. No Jaws aparece o que acredito, todos vejam:
 
Página Inicial
 
Página Inicial
Instituto Superar
Projetos
Atletas Patrocinados
Galeria Multimídia
Sala de Imprensa
Parcerias
 Fale conosco
 
No Webvox, no mesmo lugar, aparece:
 
Página Inicial

Saltar para conteúdo
    * Página Inicial
    * Instituto Superar
        . História
        . Nossos Valores
        . Cases e Números
        . Depoimentos
        . Mensagem do Presidente
    * Projetos
 
Bem, a diferença é tal que parece-me até um caso de estudo mais atento ao que aconteceu de verdade.
 
3 - Eu sugiro que ao invés de dois links para voltar à página inicial, o primeiro seja o pular ao conteúdo só que visível. Existem muitas pessoas que têm os braços paralisados, ou que não têm braços,  que utilizam um pulsão na boca ou com elástico na testa para teclar em teclado comum ou mesmo em teclado virtual (de tela) e que ficariam muito felizes em dar saltos  sem ter de ir de link em link.
 
4 - Para o tamanho da página está uma demora irrazoável para abrir toda a tela para quem usa leitor de tela como o Jaws e vou explicar porque:
O Jaws só começa a ler a tela depois de toda a página carregada. Quando navegadores encontram uma imagem sem os atributos width e height eles não continuam o carregamento da página (downloading) parando naquela imagem até ser carregada. Quando encontram esses atributos de tamanho, deixam o espaço reservado e seguem com o carregamento da página em simultâneo com a imagem e acabam de carregá-la muito mais rápido. Não sei como está o player do depoimento do atleta e outras imagens que tenham a página, mas até eu conseguir começar a ler a página levo um tempão.
 
5 - o player só está acessível ao Jawse mesmo assim tive de tentar várias técnicas e só com o Jaws cursor eu consegui ativá-lo. Uma forma de fazer isso mais rapidamente e para a maioria dos leitores de tela, menos o Webvox que não tem jeito, é deixar o flash-player em uma página que possa ser clicada na página inicial e o player ser acionado automáticamente ao se entrar na página onde ele está sem precisar que tenhamos de dar cliques no player. As pessoas que não têm dificuldade com player não terão problemas em manipulá-lo na página secundária, enquanto que pessoas cegas que não queiram mais escutá-lo basta sair da página. Ver algo assim em:
 
ou mesmo em:
 
Para o webvox streamings não são possíveis, só downloads e, portanto, pode-se abrir um noobject e colocar um link para baixar o vídeo, caso os direitos autorais e editoriais permitam. Todos os vídeos existentes no Bengala Legal, mais de 30 possuem possibilidade de download.
 
Bem, não fiz nada além de navegar no site, mas se você estiver interessada, recomendo  o Examinator que é bastante didático para testar o código em:
 
 
Abraços acessíveis do MAQ.
  
 
 
***
Bengala Legal - Cegos, Inclusão e Acessibilidade: www.bengalalegal.com
Acessibilidade Legal - Sites Acessíveis para todos: www.acessibilidadelegal.com
***
P. S.: Você está recebendo um e-mail de uma pessoa cega. Isto é inclusão
digital! Comemore conosco.
Uma sociedade inclusiva é aquela que reconhece, respeita e valoriza a
diversidade humana.
MAQ - Rio de Janeiro - CEL: (21) 9912-0000.
***

Aline Alencar

unread,
Jun 18, 2009, 10:36:28 PM6/18/09
to acesso...@googlegroups.com
Oi Taynara,

Gostei do site e, como você pediu opiniões, o que tenho a dizer é sobre o menu. Inicialmente ao olhar para as setinhas presentes em 'Instituto Superar' e 'Projetos' e ausente em 'Atletas Patrocinados', achei que isso se devia à existência de submenus mas em Galeria multimídia não existe submenu e isso ficou confuso.
Ainda sobre o menu, ao clicar em 'Projetos' não visualizei de cara que o texto abaixo dele eram itens de um submenu. Talves por falta de alguma marcação ou um distanciamento maior entre os itens. Em 'instituto superar' devido ao tamanho diferenciado dos itens do submenu, mas em 'projetos'  devido ao fato de os textos terem quase o mesmo tamanho ficou parecendo um texto mesmo e não uma sequência de itens.

Bom, apenas isso :)!

Ah, sobre o link 'Ir para o topo' presente no final da página puder ver na prática a importância dele. Uso um netbook e o tamanho reduzido do teclado faz com que a tecla 'home' só seja habilitada quando um 'num lock' está ativo. Em páginas com o link 'Ir para o topo', basta um clique para eu estar lá em cima novamente mas em páginas sem esse link eu fico toda hora tendo que habilitar/desabilitar o 'num lock' pra poder voltar ao topo (através do contrl + home). É um detalhe mas me estressa :p.

Parabéns pelo site!

Aline




2009/6/18 MAQ <m...@bengalalegal.com>

Taynara Jaegger

unread,
Jul 7, 2009, 7:46:34 AM7/7/09
to acesso...@googlegroups.com
Pessoas..

Tudo bom? Obrigada pela ajuda de todos vocês, desculpa não ter respondido antes foi um erro meu não ter dado um feedback para vocês sobre isso. Então, este site está no ar mas ainda em fase de teste. Arrumamos algumas coisas já , e estamos melhorando ainda, foram muito válidas as sugestões de vocês, mais uma vez agradeço, além do mais porque eu aprendi bastante coisa com a sugestão de vocês.

Beijos.

2009/6/18 MAQ <m...@bengalalegal.com>
Reply all
Reply to author
Forward
0 new messages