SX Brasil Comunicação Digital InterJornal Análise de usabilidade do site da Folha Sertaneja Recife Janeiro de 2006 Lista de erros encontrados: 01. Validação 02. Rótulo de seção 03. Baixa legibilidade de itens 04. Uso de janelas pop-up 05. Rótulo do botão Imprimir 06. Blocos maciços de texto 01. Validação Problema A home do site da Folha Sertaneja apresenta 54 erros de validação junto ao W3C (World Wide Web Consortium). O documento se declara HTML 4.01 Transitional, mas não pode ser assim considerado pelo fato de não respeitar as marcações e atributos desta versão de HTML. Em relação à acessibilidade, são mais 28 erros de prioridade 1, 346 de prioridade 2 e 72 de prioridade 3, o que torna o conteúdo do site inacessível para portadores de necessidades especiais. Solução Recodificar as páginas seguindo web standards, para zerar os erros junto ao W3C e melhorar a questão da acessibilidade. Com a observação de alguns pontos específicos, a página codificada com web standards será acessível a portadores de deficiência, a qualquer navegador e plataforma e a dispositivos móveis, como celulares e PDAs. 02. Rótulo de seção Problema Na home da Folha Sertaneja, temos os canais de notícias agrupados em um menu vertical esquerdo sob o rótulo de “Menu”. Quando acessamos as páginas internas, o mesmo grupo de links passa a ser agrupado sob o rótulo “Canais”, ficando agora de forma horizontal. Solução Padronizar a taxonomia e disposição dos menus por todas as seções do site. Solução a ser aplicada quando houver reestruturação do site. 03. Baixa legibilidade de itens Problema Os seguintes itens apresentam baixa legibilidade por conta do contraste de cores: Link ativo (por exemplo, “home” na página inicial): contraste de 272, quando deve ser igual ou maior que 500; Todos os links do menu principal: contraste de 278 Palavra “buscar” na barra horizontal: contraste de 294 Palavra “últimas” no campo de Últimas Notícias da home: contraste de 248 Títulos dos campos das seções na home (destaques, notícias): contraste de 337 Solução Na próxima versão do site, escolher um esquema de cores com maior contraste entre cor de fonte e cor de fundo. 04. Uso de janelas pop-up Problema Como já foi visto nas demais análises, as janelas pop-up trazem muito mais problemas do que benefícios, principalmente no que se refere à acessibilidade. Solução Evitar, na próxima versão do site, o uso de janelas pop-up. 05. Rótulo do botão Imprimir Trocar o nome para “Versão para impressão”, pelos motivos já explicitados nas demais análises. 06. Blocos maciços de texto Problema A largura da coluna de texto em relação ao tamanho da fonte faz com que as linhas de notícias da Folha Sertaneja comportem atualmente cerca de 80 caracteres, quando o ideal para otimizar a legibilidade dos textos é manter este número entre 40 e 60 caracteres, pelos motivos expostos na análise da Aliança Francesa. Além disso, a legibilidade pode ser melhorada evitando o texto justificado, que não funciona bem para leitura no monitor. Solução Quando houver reestruturação da Folha Sertaneja, melhorar a relação entre tamanho das fontes e largura da coluna de texto nas notícias. Além disso, o texto fica melhora alinhado à esquerda, como é feito em portais como UOL, Terra, Folha Online, JC OnLine, etc.