Anlise de acessibilidade na web: avaliao e proposta de melhoria em site

Anlise de acessibilidade na web: avaliao e proposta de melhoria em site Guilherme Bortolin Serrano Design Ulbra Carazinho contato@guilhermeserrano.com.br Daniel Quitana Sperb Msc. Eng. de Produo Design ULbra Carazinho dqsperb@gmail.com O presente trabalho tem como objetivo apresentar uma anlise de usabilidade e acessibilidade em um site especfico atravs de testes propostos por Soares e Queiroz. Como resultado da pesquisa e anlise do site em questo, uma proposta de melhoria para o site foi elaborada. 1. Introduo

Segundo Soares, acessibilidade na web garantir que seu trabalho esteja disponvel e acessvel via web a qualquer hora, local, ambiente, dispositivo de acesso e por qualquer tipo de visitante/usurio. Permitir que seus visitantes possam acess-las em diferentes sistemas operacionais e, principalmente, que as informaes possam ser acessadas por qualquer visitante, independente de sua capacidade motora, visual, auditiva, mental, computacional, cultural ou social. O presente trabalho tem como objetivo a anlise de usabilidade e acessibilidade de um site de humor, denominado neste artigo como MQL. O site foi criado em agosto de 2005 e quando foi desenvolvido no havia preocupao com acessibilidade, o que hoje causa prejuzos para o mesmo, j que este fonte de renda atravs de patrocnios. As principais vantages de um projeto de site acessvel, segundo Soares, so: Maior visibilidade do seu negcio pelos robs de busca; Melhoria de performance e economia com custos com banda; Uma pgina mais simples e fcil de usar; Crescimento da audincia e possibilidade de atingir 100% de seu pblico alvo. Segundo censo em 2000 do IBGE, 14,5% da populao brasileira tm algum tipo de deficincia; Acesso informao independente do dispositivo utilizado;

Manuteno mais rpida e barata; Proteo contra processos pela falta da acessibilidade; Diferencial competitivo; Melhoria da imagem da empresa e fortalecimento da sua marca.

A primeira etapa proposta levantamento de dados, anlise e testes para verificar onde se concentram os problemas de acessibilidade e usabilidade do site, podendo assim ser realizada a proposta de um plano de ao para melhorias no MQL. 2. acessibilidade voltado para sites. A metodologia utilizada Metodologia para anlise de

O primeiro passo para a realizao deste estudo foi a criao de um teste de acessibilidade conta com elementos propostos por Queiroz juntamente com elementos da proposta por Soares, tendo como resultado uma lista de aes a serem feitas: Validar a sintaxe do cdigo HTML, XML atravs da W3C; Validar as folhas de estilo atravs da W3C; Testar navegao em um navegador s de texto; Testar navegao em diversos navegadores o o o o o o

grficos

com:

a. o som e os grficos ativos; b. o som e os grficos inativos; c. sem grficos; d. sem som; e. sem mouse; f. sem carregar frames, programas interpretveis, folhas de estilo ou

applets. Utilizar leitor de tela; Utilizar corretores ortogrficos e gramaticais. Essa ferramenta facilita o entendimento por parte dos usurios que navegam atravs do sintetizador de voz, que pode no ser capaz de decifrar uma palavra que contm um erro de ortografia. A eliminao dos problemas gramaticais aumenta o grau de compreenso da pgina; Teste de usabilidade e navegao com usurios que no estejam participando do projeto. O teste apresentado tem como objetivo a localizao das reas deficientes do site, permitindo a estruturao de um plano de ao de acordo com as necessidades mais urgentes. O objetivo do plano de ao depois de sua aplicao ter resultado positivo 3. em todas Reviso as etapas de do teste. Literatura

O presidente do Conselho Nacional dos Direitos da Pessoa Portadora de Deficincia

(Conade), Alexandre Baroni, informou para a Agencia Brasil que a estimativa de 25 milhes de deficientes 14,5% da populao, segundo o Censo 2000 do Instituto Brasileiro de Geografia e Estatstica (IBGE). Apesar de ainda no existir leis exigindo a acessibilidade em todos os sites, segundo Aguiar, em outubro de 1997, o World Wide Consortium (W3C), organismo responsvel por recomendaes para a rede mundial, lanou o Web Acessibility Initiative (WAI), com objetivo de promover a acessibilidade na internet e nos Estados Unidos leis j esto em prtica para 3.1 a Aplicao promoo do teste da de acessibilidade. acessibilidade

O teste sugerido anteriormente foi aplicado para a gerao de uma lista de problemas no site, para posterior anlise e sugesto de resoluo dos problemas apresentados. A tabela a seguir apresenta os resultados do teste realizado no site estudado:

Tabela

A aplicao doe todos os testes mostrados na Tabela 1 um utilizou os seguintes navegadores grficos: Internet Explorer 6 Internet Explorer 7 Mozilla Firefox 2.0.0.4 Safari Para navegao com navegador de texto o software utilizado foi o Lynx. Os dados da navegao com o leitor de tela DOSVOX no foram utilizados para anlise. A amostra que participou da pesquisa no tinha deficincias visuais e nunca utilizaram leitores de tela, dificultando o uso deste software. Devido a esta dificuldade de uso, foi optado pela no utilizao dos resultados para a anlise, deixando a sugesto para um posterior estudo com pessoas deficientes. Todos os teste de navegao foram aplicados com dez usurios que foram instrudos a realizar as seguintes operaes no site: 1. Localizar um texto 2. Entrar em contato com algum responsvel pelo site 3. Publicar um comentrio 4. Encontrar a pgina denominada Arquivo Aps tentar realizar as aes da instruo o usurios listava os problemas, dificuldades e impossibilidades que encontrou. O teste foi baseado no conhecimento da amostra selecionada, buscando simular a realidade. Todas as pessoas da amostra utilizam o computador mais de trs vezes por semana. A juno de todos os dados coletados na pesquisa deram origem a Tabela 1. Com a coleta desses dados e anlise das estatsticas do site doi estruturado o plano de ao apresentado no 4. Resultados: prximo Proposta de plano de item. ao

Com base na Tabela 1 e nas estatsticas de fontes de trfego no site, o plano de ao foi elaborado no s com o objetivo de tornar o site mais acessvel, mas de aumentar, j no primeiro momento, as visitas do site atravs da melhoria do posicionamento nos mecanismos de pesquisa. Para tais objetivos, o plano : 1. Utilizao dos padres web e no utilizao de tabelas para a estruturao do layout; 2. Correo da semntica do cdigo HTML de acordo com a W3C; 3. Construir a folha de estilos de acordo com a W3C; 4. Melhor fluncia do HTML facilitando a leitura via navegadores de texto e leitores de tela; 5. Mudana no sistema de publicao de comentrios, sem utilizao de javascript; 6. Correo ortogrfica para facilitar navegao via leitores de tela Levando em considerao que os mecanismos de busca so fonte de 28,72% do

trfego do site (Grfico 1) optou-se por, no momento inicial das alteraes o cuidado com a semntica no cdigo HTML e a utilizao dos padres web (tableless) para melhorar o posicionamento do site nos mecanismos automticos de pesquisa, para cumprir o objetivo proposto pelo plano de ao. Alm do melhor posicionamento nos sistemas de pesquisa, a aplicao dos padres web pode tornar o site at 70% mais leve, reduzindo o consumo de banda e a velocidade de carregamento acessibilidade utilizam leitores antigos utilizao de que de para tela ou da pgina. que texto, a As alteraes seguintes visam a usurios de navegadores no palm

navegadores permitem ou como

javascript,

navegadores 4. Consideraes

celulares. Finais

O site mostrou srios problemas de acessibilidade e navegao, tornando muito difcil a navegao sem mouse e impossibilitando o uso de algumas ferramentas sem o javascript ativado. O site permite uma fcil navegao e totalmente acessvel apenas para usurios com navegadores grficos que permitam a utilizao de folha de estilos e aceitem programao javascript. Todos os outros tipos de navegao ofereceram dificuldade nos testes apresentados. O Grfico 2 mostra que 99% utilizam os navegadores utilizados no teste, porm, o mesmo no apresenta a verso dos navegadores utilizados.

Com base nos estudos existentes, a aplicao da proposta resultante do teste realizado no site trar as seguintes vantagens: Melhor posicionamento em mecanismos de pesquisa, que representam atualmetne 27,2% da fonte de trfego do site; Reduo do consumo de banda do servidor do site; Diminuio no tempo de carregamento das pginas; Reduo do espao em disco consumido no servidor; Estar de acordo com os padres da W3C; Acesso por diversos dispositivos, celulares, palmtops, navegadores de texto, voz, etc;

 Facilidade de acesso por pessoas com deficincias que impeam o uso do mouse, som, ou monitor. Recomenda-se aps a aplicao desta proposta a realizao de um novo teste de acessibilidade juntamente com um teste de navegao, permitindo aps estar de acordo com os padres propostos pela W3C o site contemplar o acesso sem nenhuma dificuldade por pessoas com deficincias visuais, atravs da incluso de links e ferramentas no estudadas no presente projeto.

Referncias Soares, 2007. Horcio. O que acessibilidade na web?

Bibliogrficas Disponvel em

<http://internativa.com.br/artigo_acessibilidade_01.html> Acesso em: 5 jul.

Queiroz, Marco Antnio. Mtodos e Ferramentas de Validao de Acessibilidade web. Acesso Aguiar, Acesso Thais. Disponvel em em Por em um <http://acessodigital.net/art_maq_validacao.html> 5 (web)design 6 jul. universal. jul. Disponvel 2007. em 2007.

<http://www.rnp.br/noticias/imprensa/2002/not-imp-020903.html>

Landim, Patrcia. ONU destaca necessidade de acesso de deficientes s tecnologias de informao. Acesso para Disponvel em tableless: HP 6 Brasil. em jul. Disponvel < 2007 em <http://www.agenciabrasil.gov.br/noticias/2006/12/01/materia.2006-1201.2342716019/view> Torres, Bruno. Converso

<http://brunotorres.net/tag/tableless/page/3> Acesso em 7 jul. 2007.