+Acesso Ferramenta para anlise da a Acessibilidade em s tios Web

P.A. Alves1 y R.A. Esteves2

1

Escola Superior de Tecnologia e Gesto do Instituto Politcnico de Bragana, a e c http://www.estig.ipb.pt/homepages/palves 2 Escola Secundria Francisco Franco, Funchal, Madeira a

Sumrio A acessibilidade na Web cada vez mais uma preocupao a e ca dos Web designers, sendo as directivas WCAG 1.0 (Web Content Accessibility Guidelines) do W3C (World Wide Web Consortium) as normas internacionais para a concepao de s c tios Web acess veis. Apesar de um maior conhecimento das normas da acessibilidade, existindo legislao ca que obriga ` sua adopo em s a ca tios Web de organismos pblicos, no enu tanto s uma minoria que cumpre as directivas WCAG. Este artigo o e apresenta o desenvolvimento de uma ferramenta de anlise da acessibilia dade de pginas Web, intitulada +Acesso, que tem por objectivo infora mar os Web designers se as pginas que desenvolvem esto em confora a midade com as normas da acessibilidade do W3C. A ferramenta produz um relatrio nal onde revela os pontos que no esto em conformidade, o a a indicando como que devem ser corrigidos. e

1.

Acessibilidade

Para as questes da acessibilidade na Internet, foram criadas directrizes ino ternacionais (Web Content Accessibility Guidelines WCAG 1.0), de orientao ca a `s actividades futuras dos construtores de s tios, pelo consrcio World Wide o Web (W3C) / Web Accessibility Initiative (WAI), com o apoio de instituies co e governos de diversos pa ses. O referido consrcio desenvolve tecnologias inteo roperacionais (especicaoes, directrizes, programas e instrumentos), a m de c permitir ` comunidade Web que desenvolva todas as suas potencialidades como a frum de informaao, de comrcio, de comunicao e de entendimento colectivo. o c e ca A Iniciativa para a Acessibilidade da Web (WAI), em coordenao com organica zaes de todo o mundo, visa tornar a Web acess atravs de cinco dom co vel e nios: tecnologia, directrizes, instrumentos, educao e difuso, investigao e desenca a ca volvimento. 1.1. Estado da acessibilidade em Portugal

A resoluao de Conselho de Ministros no 97/99 veio legislar a implementao c ca de medidas que permitam aos cidados com necessidades especiais acederem a a ` informaao na Internet. Esta resoluo aplica-se a todos os organismos da c ca

administraao pblica, mas tambm recomendada a sua aplicao a todos os c u e e ca outros em geral. Esta medida insere-se no plano de concretizao da Iniciativa Nacional para ca os Cidados com Necessidades Especiais na Sociedade da Informao (MCT, a ca 1999), tendo como objectivo iniciar a remodelao dos s ca tios existentes dotandoos de um conjunto m nimo de requisitos de visitabilidade, sem preju de que zo os que venham a ser criados adoptem medidas mais rigorosas de acessibilidade. Esta resoluo foi alcanada com base no trabalho desenvolvido pelo Grupo ca c Portugus pelas Iniciativas em Acessibilidade (GUIA, 1999) aps a apresentao e o ca e aceitao da primeira petiao electrnica ` Assembleia da Repblica. ca c o a u A resoluo indica que a apresentaao da informao deve ser efectuada ca c ca atravs do fornecimento do equivalente textual a cada elemento no textual e a (por exemplo: atravs de alt ou longdesc). Esta norma abrange: imagens, e representaes grcas do texto (incluindo s co a mbolos), regies de mapa de imao gem, animaes (por exemplo GIF animados), applets, entre outros. A descrio co ca textual dos objectos permite uma navegaao em s c tios com imagens mesmo que o browser no suporte o modo grco. E de igual forma fundamental a dispoa a nibilizaao do equivalente textual para a narrao de documentos hipertexto c ca que efectuada por agentes inteligentes, permitindo a utilizao da Internet a e ca invisuais. Outro dos pontos focados na resoluo o fornecimento dos contactos do ca e administrador ou do responsvel pela informao de uma forma simples, permia ca tindo a qualquer utilizador que tenha diculdades na navegao a obteno de ca ca uma resposta rpida por parte dos responsveis do s a a tio. 1.2. A acessibilidade segundo o W3C World Wide Web Consortium

As regras da acessibilidade a aplicar so as denidas pelo W3C (World Wide a Web Consortium), que dizem respeito `s directivas para a acessibilidade dos cona tedos da Web. Essas directivas explicam como tornar o contedo Web acess u u vel a pessoas com decincias. e Com o m de facilitar o acesso e a navegao nestas e outras condies, o ca co WAI, pertencente ao W3C, desenvolveu um conjunto de normas ou regras bsicas a de acessibilidade. O +Acesso baseia-se nessas regras para a realizao da anlise ca a da acessibilidade dos s tios Web. Cada uma destas normas divide-se em um ou vrios pontos de vericaao, que descrevem situaes especiais no desenho dos a c co s tios Web. Cada um destes pontos de vericao contm: ca e O cdigo numrico que o identica; o e A descrio do problema de acessibilidade, quando da sua falta, assim como ca as poss veis solues. co O principal objectivo dessas directivas promover a acessibilidade. No ene tanto, o seu cumprimento far com que o contedo da Web se torne de mais fcil a u a

acesso para todos os utilizadores, independente do respectivo agente utilizador (por exemplo: navegador de ambiente de trabalho, navegador por voz, telemvel, o computador pessoal para o automvel) e quaisquer que sejam as limitaes aso co sociadas ` respectiva utilizaao (ambientes barulhentos, divises mal iluminadas a c o ou excesso de iluminaao, utilizaao em modo mos livres, entre outros). c c a A observncia das directivas no visam de modo algum restringir a utilizao a a ca da imagem, v deo, etc., por parte dos criadores de contedos, antes explicam u como tornar o contedo multimdia mais acess a um pblico mais vasto. Em u e vel u primeiro lugar as directivas visam sensibilizar os criadores de contedos para a u importncia que a acessibilidade tem na concepo de pginas Web. a ca a Assim, por exemplo, atravs da utilizaao de folhas de estilo para controlo e c de tipos de letra e para eliminaao do elemento font, os autores de pginas c a em HTML obtm um maior dom e nio sobre as pginas que criam, tornandoa as mais acess veis a pessoas com problemas de viso e, atravs da partilha de a e folhas de estilo, reduzem os tempos de transferncia de pginas, para benef e a cio da totalidade dos utilizadores. Os pontos de vericao dos n ca veis de prioridade, com base no respectivo impacto em termos de acessibilidade foram divididos em trs grupos: e Prioridade 1 Pontos que os criadores de contedo Web tm absolutamente de u e satisfazer. A satisfaao deste tipo de pontos um requisito bsico para que c e a determinados grupos possam aceder a documentos sedeados na Web. Prioridade 2 Pontos que os criadores de contedos na Web devem satisfau zer. A satisfao deste tipo de pontos traduzir-se- na remoo de barreiras ca a ca signicativas ao acesso a documentos sedeados na Web. Prioridade 3 Pontos que os criadores de contedos na Web podem satisfau zer. A satisfaao deste tipo de pontos ir melhorar o acesso a documentos c a sedeados na Web. Para o estabelecimento de n veis de conformidade com as directivas para a acessibilidade foram criados trs n e veis: N vel de conformidade (A) foram satisfeitos todos os pontos de vericao ca de prioridade 1; N vel de conformidade (AA) foram satisfeitos todos os pontos de vericao ca de prioridades 1 e 2; N vel de conformidade (AAA) foram satisfeitos todos os pontos de vericao de prioridades 1, 2 e 3. ca As directivas para a acessibilidade podem ser vericadas manualmente, de forma a saber qual o n de conformidade respeitante `s directivas para a acesvel a sibilidade que um s possui mas, para facilitar a vericao da acessibilidade tio ca de um s tio, foram desenvolvidas vrias ferramentas, que se encontram a funcioa nar pela Web, no mesmo sentido em que foi projectado e constru o +Acesso. do Estas aplicaes que so muito uteis por serem muito heterogneas, vericam co a e todas as directivas para a acessibilidade do W3C. Aps a anlise, indicado, o a e por exemplo, qual o n de prioridade que o s possui e quais as correces vel tio co a efectuar para atingir o n mximo de conformidade. vel a

2.

Anlise de requisitos especicao a ca

Com esta aplicao pretende-se contribuir para melhorar a qualidade de vida ca de todos os cidados na navegao pela Internet. Isto quer dizer que todos devem a ca ter, no s acesso `s novas tecnologias de informao, mas, sobretudo, que todos a o a ca devem ter a efectiva possibilidade de utiliz-las. a A considerao destas caracter ca sticas no pode ser ditada por meras razes a o de solidariedade, mas sobretudo pela construo de uma sociedade, na qual se ca entende que todos devem participar com direito de igualdade e de acordo com as suas caracter sticas prprias. Neste contexto, cabe a todos assegurar que a inforo mao disponibilizada na Internet seja suscept de ser compreendida e acedida ca vel pelos cidados com necessidades especiais, determinando-se que sejam adoptadas a as solues tcnicas adequadas para que este objectivo seja alcanado3 . co e c Ao responder `s necessidades das pessoas com vrios graus de capacidades a a f sicas, os programas de software e os computadores acess veis podem fazer com que mais pessoas utilizem estas tecnologias com xito no trabalho, na educao e ca e como fonte de entretenimento. As directivas utilizadas pelo +Acesso explicam como tornar o contedo Web u acess vel a pessoas com decincias. Destinam-se a todos os criadores de cone tedo Web (autores de pginas e criadores de s u a tios) e aos programadores de ferramentas para criaao de contedos. O principal objectivo destas directivas c u promover a acessibilidade. No entanto, a sua observncia far tambm com e a a e que o contedo da Web se torne de mais fcil acesso para todos os utilizadores, u a independentemente do respectivo agente do utilizador e quaisquer que sejam as limitaoes associadas ` respectiva utilizaao (ambientes barulhentos, divises c a c o mal iluminadas ou com excesso de iluminao, utilizao em modo mos-livres, ca ca a etc.). O cumprimento destas directivas ir ainda ajudar as pessoas a encontrarem a informaes na Web mais rapidamente. co Deste modo o +Acesso pretende armar-se como uma referncia para princ e pios de acessibilidade e ideias de concepao de pginas centrando-se no tema da acesc a sibilidade. Ao mesmo tempo que se pretende que seja duradouro, razo pela qual a no fornece informaoes espec a c cas sobre suporte de navegadores para as diferentes tecnologias, j que seriam informaes necessariamente sujeitas a constantes a co alteraoes. c

3.
3.1.

Descrio do funcionamento do s ca tio

O utilizador comum pode:

Utilizar a ferramenta +Acesso, atravs da insero de um endereo (URL), e ca c para fazer uma anlise e posteriormente imprimir um relatrio. a o Consultar contedos de informaao sobre acessibilidade que se encontra disu c pon vel, ordenada por vrias hiperligaoes. a c
3

Texto inspirado no documento da resoluao do conselho de ministros, de Portugal, c sobre acessibilidade dos s tios da administrao pblica na Internet. ca u

3.2.

O Administrador da pgina pode (alm de todas as opes a e co anteriores):

Aceder ` rea de administraao mediante a insero de uma password e um aa c ca login. Logo que estes dois dados estejam correctos o administrador tem total liberdade para a gesto da base de dados que compem o projecto. a o Consultar as tabelas da base de dados (visualizar dados). Editar dados nas tabelas da base de dados. Eliminar dados nas tabelas da base de dados. Inserir novos elementos nas tabelas da base de dados.

4.
4.1.

Desenvolvimento do Sistema
Area de interaco com o utilizador (formulrios) ca a

A estrutura base do +Acesso est constru na linguagem PHP e HTML. A a da aplicaao principal executada a partir de um cheiro central que apresentado c e e ao utilizador como a primeira pgina do s a tio, o index.htm, onde o utilizador pode escrever o endereo onde pretende que o +Acesso execute a anlise e reproduza c a um posterior relatrio sobre a acessibilidade. o Ter ainda como opao a seleco da prioridade das directivas atravs dua c ca e ma combo box (caixa pendente) que por defeito se encontra na prioridade 1, porque as prioridades so agrupadas nos conjuntos prioridade 1, prioridade 2 e a prioridade 3. As opoes so WCAG prioridade 1, WCAG prioridade 1 e 2, c a WCAG prioridade 1, 2 e 3, porque s faz sentido seleccionar a directiva 2, por o exemplo, se for tambm feito um teste com as normas ligadas ` prioridade 1. e a Outra opo dispon ca vel ao utilizador poder enviar o relatrio para o seu e o endereo de correio electrnico. Para isso existe uma caixa de texto onde o c o utilizador pode inserir um endereo e ao clicar no boto Teste o seu s Web, c a tio enviado o relatrio para o endereo de correio electrnico inserido. E para alm e o c o e de poder visionar o relatrio no ecr do seu computador, tambm o receber no o a e a endereo de mail introduzido. c 4.2. Relatrio o

O relatrio apresentado ao utilizador ( programado principalmente em PHP, o e com o uso frequente de funes, por exemplo, so feitas chamadas a outros co a cheiros atravs das funoes include e require). e c E poss dividir o relatrio em trs partes: o cabealho, onde indicado o vel o e c e nome do cheiro analisado, a hora e data da anlise, a verso e o logtipo da a a o ferramenta +Acesso e a verso das normas do WAI utilizadas para a anlise do a a cheiro. Seguidamente, denominada como segunda parte, apresenta-se o relatrio proo priamente dito, ou seja, onde so descritos os problemas de acessibilidade encona trados, organizados por prioridade, indicando o cdigo do ponto de vericao, o ca

a descrio do problema, o nmero da linha do cheiro analisado e a etiqueta ca u HTML que gera o problema de acessibilidade. So tambm indicadas algumas a e sugestes de tipo geral, ordenadas por prioridade, que se deve ter em conta no o s analisado, isto porque o +Acesso detecta algumas falhas de acessibilidade tio que tm que ser vericadas manualmente pelo utilizador, e ainda o nmero total e u de imagens encontradas no cheiro. E na terceira parte do relatrio, para uma melhor orientao e uma cono ca rmaao imediata das falhas da acessibilidade do s em anlise, exibido o c tio a e cdigo desse mesmo cheiro, com identicao dos n meros de linha o ca u do cdigo. o

5.

Area de administrao ca

E poss vel atravs do s +Acesso aceder, gerir e administrar as tabelas e tio principais que originam o relatrio nal, aqui denominada rea de administrao. o a ca Atravs da inserao de um login e uma password, autenticados na tabela admin e c da base de dados, o administrador, pode gerir as tabelas dispon veis e a informao nelas contida. ca Mas como j foi referido, alguns dos cheiros do +Acesso, esto interligados a a entre si, e a estrutura da rea de administraao foi projectada com modelos de sea c gurana atravs de funes e variveis que armazenam os valores que autenticam c e co a um utilizador como administrador, como o caso da funo session start(). e ca

6.

Ferramentas e Tecnologias

Para a implementao e utilizaao de um s Web dinmico como o +Acesca c tio a so, necessrio a utilizaao de um servidor Web, de uma base de dados relacional, e a c e da criaao das pginas Web dinmicas, isto , pginas em que o utilizador tenha c a a e a qualquer tipo de interaco com o s ca tio, por exemplo atravs de formulrios. e a 6.1. PHP (Hipertext PreProcessor)

PHP uma linguagem que permite criar s e tios Web dinmicos, possibilitando a uma interacao com o utilizador atravs de formulrios, parmetros do URL e c e a a hiperligaes. Uma caracter co stica do PHP, por exemplo, que o cdigo PHP e o e executado no servidor, sendo enviado para o cliente apenas HTML puro. Desta maneira poss interagir com base de dados e aplicaes existentes no servidor, e vel co com a vantagem de no expor o cdigo fonte para o cliente. Isso pode ser util a o quando o programa est a lidar com senhas ou qualquer tipo de informao a ca condencial. 6.2. CSS (Cascading Style Sheets)

Em portugus traduz-se para folhas de estilo. Todo o s foi constru sob e tio do a formatao das folhas de estilo, os pargrafos, os t ca a tulos, as hiperligaes e co algumas formataoes de cores nas pginas. c a

Um estilo um conjunto de caracter e sticas de formatao identicadas com ca um nome exclusivo, permitem formatar rapidamente um grupo inteiro de elementos de pgina numa unica tarefa simples. Pode-se aplicar estilos ` maioria a a dos elementos de pgina incluindo texto (caracteres individuais ou pargrafos a a inteiros), grcos e tabelas. a 6.3. Base de Dados MySQL

A tecnologia adoptada pelo MySQL uma implementao cliente-servidor e ca que pode consistir num servidor e diferentes programas clientes e bibliotecas, conforme a verso da base de dados. E tambm rpido e ex o suciente para a e a vel permitir armazenar logs e guras. As principais vantagens so a velocidade, a a robustez e facilidade de uso. SQL a linguagem de base de dados mais popular no mundo informtico. E e a uma linguagem padronizada que torna fcil o armazenamento e acesso de infora maes. Por exemplo, pode-se usar SQL para recuperar informaes de produtos co co e armazenar informaoes de clientes para um s Web (s c tio tios dinmicos). a 6.4. phpMyAdmin

O phpMyAdmin est orientado para administrar completamente uma base a de dados MySQLServer. O phpMyAdmin pode, criar e eliminar bases de dados; criar, copiar, eliminar e alterar tabelas; apagar, editar e adicionar campos; executar comandos SQL; gerir chaves-primrias nos campos; carregar tabelas com cheiros tipo texto; a criar (*) e ler dumps das tabelas; exportar e importar campos com o tipo CSV; administrar mltiplos servidores e bases dados; vericar a integridade referencial. u Em jeito de resumo desta secao, pode-se concluir que para a realizao deste c ca projecto foi adoptada uma caracter stica importante: a utilizao ao mximo de ca a aplicaoes opensource, como o servio prestado como servidor Web (Apache), a c c base de dados (MySQL) e a linguagem de programao predominante (PHP). ca A seguir esto indicadas as aplicaoes e demais programas informticos com as a c a respectivas verses utilizados para a realizao deste projecto. o ca Servidor Web Apache 1.3.26 Linguagens de programao HTML e PHP 4.2.1 ca Base de dados MySQL 4.0.0 ? alpha-nt Aplicao de apoio ` base de dados phpMyAdmin 2.3.0-rc3 ca a Editor HTML/PHP UltraEdit-32 Editor CSS UltraEdit-32 Browser Mozilla Firefox, Opera, Konqueror

7.

Implementao da ferramenta +Acesso ca

O +Acesso a ferramenta ncora deste projecto, todo este projecto est e a a centrado em volta da ferramenta de anlise da acessibilidade de s a tios Web, e a

10

partir da foi desenvolvido um s em que se prestam esclarecimentos e infor tio maes sobre a acessibilidade. Esta a verso 1.0 e est em conformidade com as co e a a ultimas directivas publicadas pelo W3C/WAI, que para alm da vericao au e ca tomtica das directivas, alerta o utilizador para a vericao manual de pontos a ca considerados importantes de alta prioridade que o +Acesso no consegue. a Objectivo Difundir a acessibilidade como requisito na concepo geral de s ca tios Web com o m de permitir o acesso a todas as pessoas. Destinatrios Todas as pessoas interessadas neste tema e especialmente weba masters, desenhadores de s tios Web, etc. Esta plataforma foi programada logo desde in para utilizar aplicaes que cio co se caracterizassem pela sua losoa opensource. E assim foi decidido utilizar um pacote de programas muito utilizado pelos programadores Web (Apache, MySQL e PHP). O funcionamento desta ferramenta de anlise da acessibilidade de s a tios Web idntico a muitos outros s e e tios Web de pginas dinmicas, ou seja, existe uma a a base de dados, neste caso em MySQL, onde so armazenados os dados impora tantes e indispensveis ao bom funcionamento da aplicao. O formulrio prina ca a cipal do s foi constru predominantemente na linguagem PHP, auxiliada tio do pelo HTML, que serve de suporte a algumas pginas que constituem o s a tio. E como tem de existir uma aplicao de servidor Internet que funcione como ca apoio s pginas dinmicas, foi utilizado o servidor Apache. Estes trs prograa a a e mas informticos desempenharam as suas tarefas na perfeio, para a realizao a ca ca e concluso deste projecto. De notar que foi utilizada uma aplicao auxiliar de a ca apoio ` base de dados (phpMyAdmin), a qual serviu para uma boa manuteno a ca e gesto dos recursos da base de dados em MySQL. a

8.

Resultados e concluses do relatrio +Acesso o o

O relatrio reproduzido pela aplicao +Acesso (e imprimido no monitor do o ca computador), pretende apresentar ao utilizador informaes uteis sobre a acesco sibilidade. Isto , so prestados esclarecimentos, sugestes e informaes onde, o e a o co s em anlise no cumpre as normas denidas pelo W3C. Trata-se de prestar tio a a um servio onde, de uma forma clara e sucinta, o utilizador interessado possa c captar esses pontos, e se assim o entender alertar para as questes da acessibio lidade desse s ou proceder mesmo, a uma remodelao ou reestruturao do tio ca ca s tio. Desta forma o essencial e o prioritrio so cumpridos quando da execuo do a a ca relatrio. Os contedos mais importantes, na rea de interveno e estudo deste o u a ca projecto, no que respeita a anlise de um s esto claros, e o utilizador tem a tio a depois ao seu dispor, entre as pginas do +Acesso, diversas informaes acerca a co da acessibilidade e de como deve proceder quando falhas consideradas graves so detectadas no seu s a tio.

11

Referncias e
1. Portal +Acceso, http://samil.estig.ipb.pt/maisacesso 2. World Wide Web Consortium (W3C), http://www.w3.org 3. Web Accessibility Initiative (WAI), http://www.w3.org/WAI 4. Centro de Engenharia de Reabilitaao em Tecnologias de Informao e Comunic ca cao, ca http://www.acessibilidade.net/ 5. . Programa Acesso da Unidade de Misso Inovao e Conhecimento, a ca http://www.acesso.umic.pcm.gov.pt/ 6. Pgina ocial da linguagem PHP, a http://www.php.net