Vous êtes sur la page 1sur 51

INSTITUTO NACIONAL DE ADMINISTRAO

Acessibilidade aos stios Web da AP para Cidad os co! Necessidades Especiais

Requisitos de Visitabilidade

ACESSIBILIDADE AOS STIOS WEB DA AP

Cidados com Necessidades Especiais

"or#e $er%a%des e $ra%cisco &odi%'o(Maio )**+ Pro#ra!a Acesso da UMIC(PCM e CERTIC ( U%i,- de Tr.s os Mo%tes e Alto Do/ro 'ttp0((111-acesso-/!ic-pc!-#o,-pt 'ttp0((111-acessibilidade-%et

Acessibilidade aos Stios Web da AP

pg. i

ndice
I%trod/2 o----------------------------------------------------------------------------------------------------------------- 3
Enquadramento legal da acessibilidade......................................................................................5

Peti2 o pela acessibilidade da I%ter%et Port/#/esa--------------------------------------------------4 Reco!e%da2 o da Asse!bleia da Rep5blica ao &o,er%o---------------------------------------4 Resol/2 o sobre Acessibilidade 6 Web--------------------------------------------------------------------4 Pla%o eE/rope )**)-------------------------------------------------------------------------------------------------- 7 Resol/2 o do Parla!e%to E/rope/---------------------------------------------------------------------------7 Estr/t/ra tra%s,ersal de coorde%a2 o-----------------------------------------------------------------------8 Pri%cipais Re9er:%cias-----------------------------------------------------------------------------------------------;
Acessibilidade e Deficincia......................................................................................................10

CONCEITOS <=SICOS------------------------------------------------------------------------------------------ >>


--------------------------------------------------------------------------------------------------------------------------------------------- >> Cidad os co! %ecessidades especiais------------------------------------------------------------------------------->> I%capacidade----------------------------------------------------------------------------------------------------------------------- >) De9ici:%cia--------------------------------------------------------------------------------------------------------------------------- >) Des,a%ta#e!----------------------------------------------------------------------------------------------------------------------- >) A?/das T@c%icas------------------------------------------------------------------------------------------------------------------ >) Acessibilidade---------------------------------------------------------------------------------------------------------------------- >+

As pessoas co! de9ici:%cia e o co!p/tador---------------------------------------------------------->+ Acessibilidade ao co!p/tador--------------------------------------------------------------------------------->3


Acesso ao Co!p/tador se! rato---------------------------------------------------------------------------------------->4 Acesso ao co!p/tador se! teclado------------------------------------------------------------------------------------>4 Acesso ao co!p/tador se! !o%itor----------------------------------------------------------------------------------->7

<ases de dados de a?/das t@c%icas para o acesso ao co!p/tador------------------------>8 Acessibilidade 6 Web---------------------------------------------------------------------------------------------- >; Pri%cipais re9er:%cias---------------------------------------------------------------------------------------------- )*
Introduo ao desenho Web acess !el......................................................................................""

Web Access Pro?ect------------------------------------------------------------------------------------------------ )+ <O<<A-------------------------------------------------------------------------------------------------------------------- )+ Web AccessibilitB I%itiati,e--------------------------------------------------------------------------------------)C DirectriDes de Acessibilidade do Co%te5do da Web >-*------------------------------------------)4 Pri%cipais Re9er:%cias--------------------------------------------------------------------------------------------- )7
#s requisitos de !isitabilidade..................................................................................................."$

Aprese%ta2 o da I%9or!a2 o----------------------------------------------------------------------------------); Co%tactos --------------------------------------------------------------------------------------------------------------- +* Na,e#a2 o ------------------------------------------------------------------------------------------------------------- +* Co%9or!idade --------------------------------------------------------------------------------------------------------- +> Co!o testar p.#i%as Web a/to!.tica!e%te----------------------------------------------------------+) Co!o testar p.#i%as Web !a%/al!e%te----------------------------------------------------------------++
Do1%load e i%stala2 o---------------------------------------------------------------------------------------------------------+3 Co%9i#/rar o Opera--------------------------------------------------------------------------------------------------------------+3 Co%9i#/rar o "AWS--------------------------------------------------------------------------------------------------------------+3 Na,e#ar co! o Opera---------------------------------------------------------------------------------------------------------+3 Na,e#ar se! i!a#e%s acti,as---------------------------------------------------------------------------------------------+C Na,e#ar se! estr/t/ra--------------------------------------------------------------------------------------------------------+C Si!/lar /! bro1ser E/e % o s/porta 9ra!es----------------------------------------------------------------------+C

Pri%cipais Re9er:%cias--------------------------------------------------------------------------------------------- +C
%&cnicas 'ara desenho de conte(dos Web acess !eis.............................................................)*

Le#e%dar I!a#e%s-------------------------------------------------------------------------------------------------- +7 Descre,er I!a#e%s------------------------------------------------------------------------------------------------- +8 Le#e%dar Applets---------------------------------------------------------------------------------------------------- +; Le#e%dar Mapas de i!a#e! do Clie%te------------------------------------------------------------------+; Le#e%dar $ra!es --------------------------------------------------------------------------------------------------- 3* Le#e%dar Fdeos----------------------------------------------------------------------------------------------------- 3> Co!o tratar os 9or!/l.rios--------------------------------------------------------------------------------------3> Ide%ti9iE/e os cabe2al'os das col/%as e das li%'as das Tabelas---------------------------3+ Co%str/a /! eE/i,ale%te ao Script-------------------------------------------------------------------------33 O /so de CSS--------------------------------------------------------------------------------------------------------- 33 Pri%cipais Re9er:%cias--------------------------------------------------------------------------------------------- 34
+it 'ara editores de conte(do da Web......................................................................................,*

E%dere2os &erais---------------------------------------------------------------------------------------------------- 37 Materiais de 9or!a2 o--------------------------------------------------------------------------------------------- 38 Listas de disc/ss o------------------------------------------------------------------------------------------------- 38 A%.lise de Acessibilidade---------------------------------------------------------------------------------------- 3; $iltros---------------------------------------------------------------------------------------------------------------------- 3; Tec%olo#ias de Acesso------------------------------------------------------------------------------------------- 3; <ro1sers co! 9/%cio%alidades especiais----------------------------------------------------------------C* Le#e%da#e! de Fdeos------------------------------------------------------------------------------------------ C*

Introd !o

"

m 1999, Portugal regulamentou a adopo de regras de acessibilidade informao disponibilizada na Internet pela Administrao P blica para cidados com necessidades especiais!

"m 19 de #un$o de %&&&, o 'onsel$o "uropeu de (anta )aria da *eira estendeu esta iniciati+a aos 1, pa-ses da .nio "uropeia ao apro+ar o plano de aco e/ "urope %&&% da 'omisso "uropeia, que contempla, entre outras medidas, o compromisso da adopo das orienta0es sobre acessibilidade do 12' 31orld 1ide 1eb 'onsortium4 nos s-tios 1eb p blicos at5 ao final de %&&1! "mbora tais resolu0es se debrucem sobre utilizadores com defici6ncias +isuais, auditi+as, motoras e outras / cerca de 27 mil$0es de "uropeus, dos quais 1 mil$o em territ8rio nacional, a adopo de regras de acessibilidade beneficiam um con9unto igualmente +asto de outros utilizadores! : o caso dos utilizadores que possuem modems mais lentos, bro;sers mais antigos, nomeadamente de base te<to, ou com funcionalidades reduzidas, equipamentos sem sa-da de =udio, sem dispositi+os apontadores ou com capacidades gr=ficas reduzidas! (o ob9ecti+os desta aco de formao, que o formando fique a> con$ecer os di+ersos tipos de problemas de acessibilidade, com particular destaque para as dificuldades sentidas pelas pessoas com defici6ncia na utilizao de meios inform=ticos? conhecer e saber aplicar as regras de acessibilidade do conte do da 1eb do 12'? conhecer e saber aplicar produtos que permitem testar a acessibilidade de um s-tio em funo das regras do 12'? saber adaptar as pginas 1eb segundo as regras da acessibilidade!

@s principais destinat=rios desta aco so os 1ebmestres, mas tamb5m todos os profissionais en+ol+idos na edio digital de informao para o p blico +ia Internet!

Acessibilidade aos Stios Web da AP

pg. "

Capt lo

En# adramento legal da acessibilidade


-este ca' tulo d./se conta da forma como surgiu a acessibilidade 0 Web em 1ortugal. 1orque surgiu este tema em terras lusas e como influenciou 1ortugal o resto da Euro'a a ado'tar as Directi!as da Web Accessibilit2 Initiati!e.

oram 9&&& os Portugueses que reclamaram pela acessibilidade 1eb, apresentando a primeira petio inteiramente electr8nica a um parlamento! A Assembleia da Rep blica confrontou/se com um esquema processual ainda no pre+isto na lei, aceitou o desafio e recomendou ao Ao+erno que se adoptasse! @ Ao+erno agiu rapidamente e transformou Portugal no primeiro pa-s da "uropa, e quarto no )undo, a legislar sobre acessibilidade 1eb! Beste cap-tulo, apresentam/se um con9unto de factos que fizeram com que Portugal escre+esse uma bonita p=gina na sua $ist8ria!

Acessibilidade aos Stios Web da AP

pg. $

Peti!o pela acessibilidade da Internet Port g esa


Bo dia 2 de Cezembro de 199D, dia Internacional da Pessoa com Cefici6ncia, te+e in-cio, em Portugal, a 1E petio realizada na "uropa a um Parlamento, +ia Internet! A FPetio pela Acessibilidade da InternetF, promo+ida pelo A.IA 3Arupo Portugu6s pelas Iniciati+as em Acessibilidade4, rei+indica+a a adopo de um con9unto de regras b=sicas a aplicar na concepo da informao disponibilizada na Internet pelo Ao+erno e demais ser+ios p blicos, com o fim de facilitar o seu acesso a pessoas com necessidades especiais, designadamente pessoas com defici6ncias e idosos!

&ecomenda!o da Assembleia da &ep'blica ao (o)erno


A petio recol$eu cerca de 9&&& assinaturas que apesar de terem sido recol$idos +ia internet, ainda sem as possibilidades t5cnicas da assinatura electr8nica, a Assembleia da Rep blica 3AR4 aceitou como +=lida pela primeira +ez na $ist8ria portuguesa! A 2& de #un$o de 1999 a AR emite um parecer ao Ao+erno onde se l6> Recomenda-se ao Governo que, ponderadas as sugestes constantes da presente petio, e no mais curto espao de tempo possvel, adopte as medidas necessrias e adequadas a garantir a plena acessibilidade daquela informao a todos os cidados com necessidades especiais, em particular as pessoas com deficincias e os idosos !

&esol !o sobre Acessibilidade * Web


Ainda em #un$o desse ano a petio te+e um imediato acol$imento no )inist5rio da 'i6ncia e da Gecnologia e no m6s seguinte, precisamente no dia em que 5 publicada a Iniciati+a Bacional para os 'idados com Becessidades "speciais na (ociedade da Informao 3Resoluo 9HI994, a medida peticionada pelos cidados 5 consagrada em resoluo de consel$o de ministros concedendo a Portugal o estatuto de JK pa-s no )undo, e 1K na "uropa, a declarar oficialmente o derrube de barreiras digitais na Internet para cidados com necessidades especiais! Besta resoluo com a refer6ncia 97I99 podia ento ler/se> "#s formas de organi$ao e apresentao da informao facultada na %nternet pelas &ireces-Gerais e servios equiparados, bem como pelos institutos p'blicos nas suas diversas modalidades, devem ser escol(idas de forma a permitirem ou facilitarem o seu acesso pelos cidados com necessidades especiais " " concretiza+a ainda mais>

Acessibilidade aos Stios Web da AP

pg. +

"a) a respectiva leitura possa ser feita sem recurso * viso, movimentos precisos, aces simult+neas ou a dispositivos apontadores, designadamente ratos, b) a obteno da informao e a respectiva pesquisa possam ser efectuadas atrav-s de interfaces auditivos, visuais ou tcteis "

Plano eE rope 2,,2


Curante a Presid6ncia Portuguesa da .nio "uropeia que decorreu no per-odo de #aneiro a #un$o de %&&&, o )inist5rio da 'i6ncia e da GecnologiaI.nidade A'"((@ le+ou a efeito aquando da L'onfer6ncia )inisterial sobre o 'on$ecimento e a (ociedade da Informao!M uma sesso especial dedicada ao tema> L'idados com Becessidades "speciais e a (IM! "sta sesso que contou ento com os mel$ores especialistas mundiais da =rea da acessibilidade contribuiu em grande medida para que em #un$o de %&&&, na 'imeira da *eira, o plano de aco ento apro+ado N e"urope %&&% N contemplasse a adopo das directi+as da 1eb AccessibilitO Initiati+e a implementar at5 ao final de %&&1!

&esol !o do Parlamento E rope


"m #un$o de %&&%, o Parlamento "uropeu em resposta 'omunicao da 'omisso intitulada Fe"urope %&&%> acessibilidade dos s-tios 1eb p blicos e do respecti+o conte doF, faz publicar uma resoluo em que se l6> L'on+ida as Institui0es e os "stados/)embros da ." a darem pleno cumprimento s FCirectrizesF at5 %&&2, Ano "uropeu das Pessoas com Cefici6ncia? con+ida ainda as Institui0es e os "stados/)embros da ." a aplicarem as FAut$oring Gools AccessibilitO Auidelines 3AGAA4 1!&F igualmente at5 %&&2, de modo a permitir que as pessoas com defici6ncias possam, no apenas ler as p=ginas 1eb, mas tamb5m gerir o conte do das mesmas 3gesto do conte do4?M 3nK J4! L)anifesta/se de acordo com a 'omisso quanto ao facto de tamb5m as administra0es regionais e locais de+erem seguir as FCirectrizesF para a concepo dos respecti+os s-tios 1eb?M 3nK ,4! L(olicita 'omisso que d6 especial rele+o aplicao da Cirectriz nK 1J das Cirectrizes para a Acessibilidade da 1eb, nos termos da qual os documentos de+ero ser claros e simples e, desse modo, de f=cil compreenso, a fim de e+itar que as pessoas com problemas de leitura ou defici6ncias intelectuais continuem a ser e<clu-das da Administrao P blica "lectr8nica 3e/Ao+ernment4 e da 1eb?M 3nK 1,4! LRegista que as solu0es dependentes dos produtores acabam por conduzir a problemas de acessibilidade, de+endo os conte dos p blicos ser guardados e

Acessibilidade aos Stios Web da AP

pg. -

disponibilizados num formato uni+ersalmente acess-+el, isto 5, 3P4QG)R e P)R, dado que as outras FnormasF, como CQG)R, apenas so aceit=+eis se um determinado s-tio 1eb se encontrar dispon-+el pelo menos nesses formatos na sua forma pura, como 3P4QG)R ou P)R?M 3nK 1D4! LProp0e que os s-tios 1eb se9am concebidos de modo a suportarem di+ersos programas de na+egao, em di+ersas +ers0es, a fim de permitir o acesso das pessoas que utilizam tecnologia de apoio?M 3nK 194! LProp0e que os "stados/)embros e a 'omisso e<i9am o respeito das FCirectrizesF em pro9ectos, acti+idades e organiza0es que recebem financiamento p blico relacionado com a concepo de s-tios 1eb?M 3%,4! A 2 de Cezembro de %&&%, o 'onsel$o da .nio "uropeia apro+a uma resoluo com o t-tulo FeA'"((ISIRICAC" para pessoas com defici6nciaM! @ seu principal ob9ecti+o 5 a mel$oria do acesso das pessoas com defici6ncia sociedade do con$ecimento! Bela insta/se os "stados/)embros e a pr8pria 'omisso "uropeia a encararem a possibilidade de tomar medidas mais espec-ficas em dom-nios identificados no relat8rio final produzido pelo grupo de peritos da 'omisso, entre os quais> 314 Bormas e instrumentos t5cnicos? 3%4 Instrumentos persuasi+os eIou medidas legislati+as? 324 Instrumentos educati+os e informati+os!

Estr t ra trans)ersal de coordena!o


Para coordenar a Iniciati+a Bacional para os 'idados com Becessidades "speciais na (ociedade da Informao, o )'G cria a .nidade A'"((@, qual por iner6ncia fica tamb5m adstrito a implementao da resoluo sobre a acessibilidade 1eb nos (-tios 1eb da Administrao P blica! "m Bo+embro de %&&%, 5 criada, na depend6ncia directa do )inistro Ad9unto do Primeiro/)inistro, a .nidade de )isso Ino+ao e 'on$ecimento 3.)I'4, estrutura de apoio ao desen+ol+imento da pol-tica go+ernamental em mat5ria de ino+ao, sociedade da informao e go+erno electr8nico! Cesde ento a Iniciati+a Bacional para os 'idados com Becessidades "speciais na (ociedade da Informao passa a ser uma das suas compet6ncias! A equipa da .nidade A'"((@ passa agora a integrar o Programa Acesso da .)I'! Para o ano %&&2, Ano "uropeu das Pessoas com Cefici6ncia, o Ao+erno Portugu6s comprometeu/se a implementar um plano nacional da promoo da acessibilidade, atra+5s de ac0es como> 314 a+aliao da efecti+a aplicao do Cecreto/Rei n!K 1%2I97? 3%4 intensificao dos esforos para a eliminao das barreiras arquitect8nicas e promoo da acessibilidade a cidados com mobilidade condicionada? 324 instituio de medidas de mel$oria do acesso aos transportes p blicos? 3J4 promoo do direito e condi0es de acesso (ociedade de Informao? 3,4 desen+ol+imento da fiscalizao, da aplicao de medidas sancionat8rias e do direito de apelo dos cidados? 3H4 criao de lin$as de financiamento destinadas realizao de obras de adaptao de edif-cios? 374

Acessibilidade aos Stios Web da AP

pg. .

promoo de campan$as de sensibilizao? 3D4 desen+ol+imento de programas de formao profissional? 394 promoo da di+ulgao de boas pr=ticas! " no que diz respeito s a9udas t5cnicas, salienta/se ainda> 314 re+iso do sistema de atribuio e financiamento de a9udas t5cnicas? 3%4 introduo do princ-pio da responsabilizao efecti+a de entidades parceiras neste processo? 324 introduo do princ-pio da diferenciao positi+a, pri+ilegiando a qualidade e necessidade social!

Principais &e/er0ncias
1! Petio pela acessibilidade da Internet Portuguesa! $ttp>II;;;!acessibilidade!netI;ebIineIrelatorioTpeticao!$tml ! %! Resoluo do 'onsel$o )inistros 9HI99! $ttp>II;;;!acesso!umic!pcm!go+!ptIacessoIres9HT99!$tm ! 2! Resoluo do 'onsel$o )inistros 97I99! $ttp>II;;;!acesso!umic!pcm!go+!ptIacessoIres97T99!$tm ! J! Programa Acesso da .nidade de )isso Ino+ao e 'on$ecimento 3.)I'4> Iniciativa Nacional para os Cidados com Necessidades Especiais na Sociedade da Informao. $ttp>II;;;!acesso!umic!pcm!go+!pt ! ,! 'omunicao da 'omisso ao 'onsel$o, ao Parlamento "uropeu, ao 'omit5 "con8mico e (ocial e ao 'omit5 das Regi0es! $ttp>IIeuropa!eu!intIeur/le<IptIcomIcncI%&&1Icom%&&1T&,%9pt&1!pdf ! H! Resoluo do Parlamento "uropeu sobre a comunicao da 'omisso intitulada Fe"urope %&&%> acessibilidade dos s-tios ;eb p blicos e do respecti+o conte doF! $ttp>IIeuropa!eu!intIabcIdocIoffIbullIptI%&&%&HIp1&2&9H!$tm ! 7! Ceciso %&&1I9&2I'" do 'onsel$o relati+a ao Ano "uropeu das Pessoas com Cefici6ncia / %&&2 / #@ R 22, de 19!1%!%&&1 e Sol! 1%/%&&1 $ttp>IIeuropa!eu!intIabcIdocIoffIbullIptI%&&11%Ip1&2&2%!$tm ! D! Parecer do 'omit5 "con8mico e (ocial sobre a comunicao da 'omisso intitulada Fe"urope %&&%> acessibilidade dos s-tios .eb p blicos e do respecti+o conte doF $ttp>IIeuropa!eu!intIabcIdocIoffIbullIptI%&&%&1Ip1&212H!$tm !

Acessibilidade aos Stios Web da AP

pg. 1

Capt lo

Acessibilidade e 2e/ici0ncia
Quem so, quantos so, que dificuldades sentem, que tecnologias usam, e porque precisam de legislao para que os seus direitos sejam levados em conta so algumas das questes a que damos resposta neste captulo.

acob Bielson, um dos mais conceituados especialistas de desen$o 1eb acess-+el diz LAqueles de n8s que planeiam estar +i+os mais alguns anos tamb5m t6m raz0es pessoais para promo+er a acessibilidade pois, ao en+el$ecermos, ficamos su9eitos a mais defici6ncias! (egundo as estimati+as, apenas 1J por cento das pessoas com menos de H, anos t6m algum tipo de incapacidade funcional, em comparao a ,& por cento daqueles acima de H, anos!M UBielson, #! LPro9ectando 1ebsitesMV

C3NCEI43S 56SIC3S
Cidados com necessidades especiais

A designao F'idados com Becessidades "speciaisF 5 utilizada para referenciar pessoas que por di+ersas raz0es se confrontam com limitaes funcionais! : o caso dos idosos, acamados de longa durao e das pessoas com defici6ncia! "m qualquer um dos casos a presena da defici6ncia 5 o denominador comum e o moti+o pelo qual aparecem as necessidades especiais! A defici6ncia pode re+estir a forma de uma limitao f-sica, intelectual ou sensorial, uma doena que requer uma particular ateno m5dica ou uma enfermidade mental! Gais limita0es, doenas ou enfermidades podem ser de car=cter permanente ou transit8rio! "m 199H, o (ecretariado Bacional de Reabilitao e Integrao de Pessoas com Cefici6ncia 3(BRIPC4 concluiu o Inqu5rito Bacional s Incapacidades, Cefici6ncias e Ces+antagens, em Portugal, tendo apurado os resultado por tipo de incapacidade que se mostra na figura 1!

Acessibilidade aos Stios Web da AP

pg. %%

Incapacidade

Comportamento: 1##.525 $i%. 1 & incapacidades. SN'I()*+,-N.I 1##!.

(egundo a @rganizao )undial de (a de, incapacidade consiste na restrio ou falta de capacidade para realizar uma Port g eses com acti+idade dentro dos limites considerados Incap normais para um ser $umano!
acida des

Viso: 135.428 Audio: 115. !! Fala: !!.""8 Outras de Comunicao: 8".!! 5 Cuidado Pess oal: 13 .8 1 Locomoo: 35".4 #5 Tarefas Dirias: 1 !.8 " Face a Situa es: 418.8 8# Deficincia

Cefici6ncia representa qualquer perda ou alterao de uma estrutura ou de uma funo psicol8gica, fisiol8gica ou anat8mica! "stas perdas ou altera0es podem ser tempor=rias ou permanentes, representando a e<teriorizao de um estado patol8gico e, em princ-pio, reflectem perturba0es a n-+el orgWnico!
Desvantagem

Ces+antagem 3Qandicap4 5 a condio social de pre9uizo sofrido por um dado indi+-duo, resultante de uma defici6ncia ou de uma incapacidade que limita ou impede o desempen$o de uma acti+idade considerada normal para um ser $umano, tendo em ateno a idade, o se<o e os factores s8cio/culturais!
Aj das T!cnicas

As a9udas t5cnicas, incluindo as decorrentes de no+as tecnologias 3tamb5m designadas por tecnologias de apoio4, so dispositi+os que se destinam a compensar a defici6ncia ou a atenuar/l$e as consequ6ncias e a permitir o e<erc-cio das acti+idades quotidianas e a participao na +ida escolar, profissional e social!

Acessibilidade aos Stios Web da AP

pg. %2

Acessi"i#idade

A pala+ra acessibilidade descre+e a qualidade do meio ambiente face situao da pessoa com defici6ncia! .m edif-cio, um computador ou uma informao 5 acessvel se puder ser acedido por algu5m com uma incapacidade ou defici6ncia! Xuando nos referimos 1eb, a acessibilidade est= intimamente relacionada com a possibilidade que 5 dada ao indi+iduo de ler a informao disponibilizada!

As pessoas com de/ici0ncia e o comp tador

Para a maioria das pessoas a tecnologia torna a +ida mais f=cil! Para uma pessoa com necessidades especiais, a tecnologia torna as coisas poss-+eis! A utilizao de um computador e o acesso Internet permitem a estes cidados 3sem d +ida aqueles que so confrontados com os maiores obst=culos, tanto f-sicos como de ordem social4 acederem a um con9unto imenso de fontes de 3in4formao, estabelecerem contactos e trocarem informa0es, e<ercerem uma acti+idade, encontrarem formas alternati+as de lazer e de di+ertimento, aumentarem as suas rela0es de amizade, em suma, constru-rem uma +ida com significado! Por e<emplo se a presena dos #ornais di=rios na Internet, 5 para a maioria das pessoas mais uma forma de aceder ao conte do informati+o, para uma pessoa cega 5 a nica forma de consultar as not-cias do dia em tempo real e til! Ben$um meio at5 $o9e in+entado l$e disponibilizou a informao de forma to imediata e de to f=cil consulta! A )icrosoft desde muito cedo se apercebeu da importWncia que a Inform=tica tem para as pessoas com defici6ncia! (istemas como o 1indo;s, e todos os soft;ares desen+ol+idos pela empresa para este sistema, t6m contemplado funcionalidades de acessibilidade! "sta percepo foi inclusi+amente induzida pela forte componente legal e<istente nos ".A, onde no s8 a legislao 5

Acessibilidade aos Stios Web da AP

pg. %3

e<tremamente e<igente 3+e9a/se a (eco ,&D do American Cisabled Act4 como tamb5m o mo+imento anti/discriminao se faz +aler de poderosos lobbies!
7 2 E 3 8 S E & C A P A 9 :

'onsciente que 5 necess=rio c$amar a ateno e compreender a importWncia que as no+as tecnologias da informao t6m para os 'idados com Becessidades "speciais, e o +alor que tal pensamento tem na sociedade contemporWnea criaram o +-deo F"nable / As Pessoas com Cefici6ncias e o 'omputadorF por forma a contribuir para a mel$oria da atitude gen5rica da populao para com as pessoas com defici6ncia! @ +-deo mostra a importWncia das a9udas t5cnicas e p0e em e+id6ncia as capacidades das pessoas com defici6ncia e a forma como +encem as suas des+antagens face ao meio! @ +-deo F"nableF mostra como 5 que as pessoas com defici6ncias esto a usar o computador pessoal, em casa, no trabal$o e na escola, para l$es permitir +i+er +idas produti+as e preenc$idas! "<istem outras empresas como a Apple e a IS) que t6m tamb5m larga e<peri6ncia no sector! (intetizadores de fala, leitores de ecr, na+egadores com s-ntese de fala incorporada, etc! )ais recentemente 5 usual os sistemas operati+os +irem tamb5m equipados com teclados no ecr, sistemas de alto contraste e ampliao, e formas de usar o rato atra+5s do teclado, bem como a produo de legendas para os a+isos sonoros!

Acessibilidade ao comp tador


Ba +erdade, um computador normal no est= completamente preparado para qualquer utilizador! As pessoas com defici6ncia necessitam frequentemente de recorrer a adapta0es ou interfaces especificas de forma a compensar limita0es sensoriais e de manipulao! A necessidade de adquirir solu0es adicionais constitui logo partida uma des+antagem econ8mica e t5cnica! @ computador, o soft;are e a informao por este processada sero considerados acess-+eis se permitirem a utilizao destas adapta0es e interfaces especificas! "m seguida e<emplificam/se algumas das estrat5gias e a9udas t5cnicas utilizadas por pessoas com defici6ncia quando no podem usar o rato, o teclado ou o monitor!
Acessibilidade aos Stios Web da AP pg. %"

As acessibilidades do sistema operati) o

-s dific/ldades res/lt antes de defici 0ncia motor a pode m1 na maiori a dos casos1 ser resolv idas atrav2 s das op3e s de acessi 4ilida de dos siste mas opera tivos. Na sess o pr5tic a desta aco de forma o sero e6peri menta das al%/m as dessa s op3e s tais como: em/la o do rato no teclad o n/m2 Acessibilidade aos Stios Web da AP rico7 fi6a o de teclas e filtros.

pg. %$

Acesso ao Comp tado$ sem $ato

As pessoas com cegueira, paralisias cerebrais, amputa0es, dificuldade de controlo dos mo+imentos, destreza reduzida sentem +=rias dificuldades na utilizao do rato ou de perif5ricos equi+alentes! "m certas situa0es as solu0es passam tamb5m pela utilizao de ponteiros e teclados especiais!

Acesso ao comp tado$ sem tec#ado

As pessoas com tetraplegia, com amputa0es dos membros superiores, com grandes limita0es de mo+imentos e falta de fora nos membros superiores, mos e dedos t6m grandes dificuldades em utilizar o teclado tradicional!

Acessibilidade aos Stios Web da AP

pg. %+

Na sesso prtica desta ac!o de /orma! o ser e;perim entado o teclado de ecr 7irtec.

Bestes casos, a interaco poder= ser feita por perif5rico apontador 3rato, painel t=ctil, tracYball, etc!4, por um interruptor 3mecWnico, de sopro, de som, etc!4 ou atra+5s de recon$ecimento da fala! Ba maioria das solu0es 5 utilizado tamb5m um emulador de teclado no ecr!

Acesso ao comp tado$ sem monito$

A esmagadora maioria das pessoas, inclu-do os inform=ticos, no faz a m-nima ideia de como utilizar um computador sem monitor! Por5m, os cegos esquecem/ se $abitualmente de o ligarZ "mbora possa parecer bizarro, a +erdade 5 que a informao processada por um computador no 5 de natureza +isual! Para obterem a informao que 5
Acessibilidade aos Stios Web da AP pg. %-

Na sesso prtica desta ac!o de /orma! o ser tili>ad o m leitor de ecr ?@AWSA com sinteti> ador de )o> em port g 0s ?do brasilA incorpor ado B o Elo# en ce.

pro9ectada no ecr e sobre os e+entos que esto a decorrer, os cegos recorrem a um soft;are 3leitor de ecr4 que capta essa informao e o en+ia para um sintetizador de +oz ou para um terminal braille! @ leitor de ecr associado ao sintetizador de fala comporta/se como um robot programado para ler em +oz alta o que se passa no computador! @ terminal ou lin$a braille 5 um equipamento composto por uma fileira de c5lulas braille piezo/el5ctricas que podem reproduzir o te<to presente no ecr do computador! : uma alternati+a ao sintetizador de fala, ou um complemento deste! "stes equipamentos possuem normalmente %&, J& ou D& caracteres! D& caracteres era precisamente o n mero m=<imo de uma lin$a de ecr em modo te<to! Qo9e em dia, e por fora dos interfaces gr=ficos 5 usual encontrar/se no mercado lin$as de 7& e mesmo de HH caracteres, que corresponde sensi+elmente a metade de uma lin$a de ecr! : de assinalar tamb5m que o custo destas op0es ronda os %!,&& eurosI%& caracteres, e uma lin$a de D& caracteres c$ega mesmo a ultrapassar os 1&!&&& euros!

5ases de dados de a< das t=cnicas para o acesso ao comp tador


*elizmente tem/se +erificado uma grande e+oluo no mercado das a9udas t5cnicas para o acesso ao computador! "ste facto reflecte de certa forma a importWncia dos computadores como meio de comunicao e acesso informao, e a sua importWncia na escola, no trabal$o e mesmo no lazer!

Acessibilidade aos Stios Web da AP

pg. %.

"mbora a n-+el nacional no e<ista ainda uma base de dados de+idamente sistematizada de A9udas G5cnicas, como 5 o caso do que acontece na +izin$a "span$a, em que o '"APAG N 'entro "statal de Autonomia Pessoal e A9udas G5cnicas, disp0e de um cat=logo on/line 3;;;!ceapat!org4 e em 'C/R@)! Para al5m das bases de dados este 'entro com sede em )adrid e di+ersas delega0es espal$adas pelo pa-s, p0e ainda disposio do p blico locais onde 5 poss-+el +er e e<perimentar tais tecnologias! A n-+el nacional aconsel$amos a +er o site da acessibilidade, mais concretamente a sua seco dedicada s a9udas t5cnicas 3$ttp>II;;;!acessibilidade!netIatIa+alat!$tml4! Ba =rea da defici6ncia +isual aconsel$amos ainda a +er o site do pro9ecto Giresias, que cont5m uma compilao de praticamente todos os fabricantes de a9udas t5cnicas para pessoas com defici6ncia +isual e<istente em todo o mundo! "ncontra/o em $ttp>II;;;!tiresias!org

Acessibilidade * Web
"mbora esta aco de formao sobre acessibilidade se debruce sobre utilizadores com limita0es f-sicas ou sensoriais, este conceito no se limita a estas pessoas! Por e<emplo> utilizadores que possuem modems mais lentos e que decidam desacti+ar a apresentao de gr=ficos, ou que utilizem terminais com um ecr de pequenas dimens0es ou mesmo ine<istente ou ainda aplica0es telem=ticas compat-+eis com o formato te<to encontram dificuldades similares s sentidas por pessoas com defici6ncia +isual! A miniaturizao de terminais port=teis e respecti+as interfaces de entrada de dados obrigam a estrat5gias similares s utilizadas por pessoas com defici6ncia motora 3utilizao de recon$ecimento de +oz, dispositi+os apontadores e outros4! As solu0es encontradas para acrescentar legendas, destinadas aos utilizadores surdos, podem permitir aos motores de busca e<istentes na 1eb localizar informao em documentos de +-deo e de =udio, para al5m de permitirem aceder sua mensagem mesmo em ambientes ruidosos ou mesmo com equipamento sem sa-da de =udio! Gendo presente estas situa0es, podemos afirmar que a acessibilidade 1eb se caracteriza pela fle<ibilidade da informao e interaco relati+amente ao respecti+o suporte de apresentao, potenciando a utilizao de> a4 +=rios programas / por e<emplo> diferentes bro;sers, +=rias +ers0es do mesmo bro;ser, diferentes sistemas operati+os?

Acessibilidade aos Stios Web da AP

pg. %1

Na)egar sem imagen s

Nave%ador 8pera eo leitor de ecr 9a:s

b4 equipamentos com diferentes interfaces, +elocidades de comunicao, capacidades de processamento e mem8ria / por e<emplo> quiosques p blicos, tele+iso, telefones, telem8+eis, computadores de bolso, etc!? c4 um +asto leque de pessoas e culturas / por e<emplo> crianas, idosos, pessoas com defici6ncias, pessoas de diferentes nacionalidades! Ba sesso pr=tica desta aco de formao sero consultados +=rios s-tios 1eb sem recorrer ao uso do rato e com as imagens desacti+adas no bro;ser! Ba na+egao ser= utilizado o na+egador @pera, o leitor de ecr #a;s e o sintetizador de +oz "loquence!

Principais re/er0ncias
1.

(ecretariado Bacional de Reabilitao e Integrao de Pessoas com Cefici6ncia 3(BRIPC4 N Inqu5rito Bacional s Incapacidades X.ABGI 199H! $ttp>II;;;!snripd!mts!go+!ptIsiteTte<toIestatisticaIestatisTte<to!$tm (eco ,&D da ACA N American Cisabled Act! $ttp>II;;;!access/board!go+Ine;sI,&D/final!$tm )icrosoft AccessibilitO $ttp>II;;;!microsoft!comIenableI IS)! $ttp>II;;;/2!ibm!comIableI Adobe I Acrobat Reader N Plug in da acessibilidade! $ttp>IIaccess!adobe!comI '"APAG N Sase de Cados de A9udas G5cnicas dispon-+eis em "span$a! $ttp>II;;;!ceapat!org '"RGI'I.GAC N A+aliao de A9udas G5cnicas $ttp>II;;;!acessibilidade!netIatIa+alat!$tml !

2.

3.

4.

5.

!.

".

Acessibilidade aos Stios Web da AP

pg. 2,

8.

Giresias N Sase de Cados de A9udas G5cnicas para Ceficientes Visuais! $ttp>II;;;!tiresias!org ! *reedom(cientific 3#A1(4 N Reitor de ecr para sintetizador e lin$a braille! $ttp>II;;;!freedomscientific!com ! $ttp>II;;;!opera!com !

#.

1 . @pera N Sro;ser que permite na+egao sem imagens!

11. Anditec N "mpresa Portuguesa com tecnologias para a =rea da

comunicao alternati+a e aumentati+a! $ttp>II;;;!anditec!ptI !

Acessibilidade aos Stios Web da AP

pg. 2%

Capt lo

Introd !o ao desenCo Web acess)el


O presente captulo visa fornecer algumas informaes das mais importantes iniciativas internacionais existentes na rea da acessibilidade !eb. "stas iniciativas foram inspiradoras do processo vivido em #ortugal inclundo os seus fundamentos$ smbolo de acessibilidade !eb, %irectri&es de 'cessibilidade !eb, 'valiao automtica da 'cessibilidade ( )obb*.

Smboloe 7eri/i# de a Acessib acessibi ilidade lidade * Web das s as pginas

n-+el internacional podemos encontrar in meras iniciati+as que se debruam sobre esta problem=tica da acessibilidade 1eb e que desen+ol+em ac0es para minorar as dificuldades sentidas pelos cidados com necessidades especiais na sociedade da informao! Ce seguida apresentamos algumas destas iniciati+as, bem como os contributos que t6m +indo a dar no campo da defesa da acessibilidade!

Web Access Pro<ect


"m 199H, o Bational 'enter for Accessible )edia 3B'A)4 lana o F1eb Access Pro9ectF tendo como principal ob9ecti+o a in+estigao, o desen+ol+imento, teste e di+ulgao de tecnologias multim5dia para a 1eb, pass-+eis de incluir legendagem e =udio/descrio para pessoas com defici6ncia sensorial 3surdos e cegos respecti+amente4! @s trabal$os mais con$ecidos en+ol+em a utilizao das tecnologias XuicYGime, (A)I e ()IR, de que daremos um e<emplo pr=tico no cap-tulo dedicado s tecnicas para desen$o de conte dos! Ainda no Wmbito deste pro9ecto 5 criado um L(-mbolo de Acessibilidade 1ebM por pessoas com defici6ncia! Cescrito como um globo inclinado, com uma grel$a sobreposta, tendo na sua superf-cie um buraco de fec$adura recortado! A afi<ao deste s-mbolo na primeira p=gina de um s-tio 1eb demonstra a e<ist6ncia de um esforo para aumentar a sua acessibilidade a pessoas com defici6ncia! "sto dispon-+eis +=rias +ers0es deste s-mbolo no endereo> $ttp>IIncam!;gb$!orgI;ebaccessIsOmbol;inner!$tml

5355D
"m (etembro de 199H, o 'enter for Applied (pecial Gec$nologO 3'A(G4 lana a primeira +erso do SobbO / uma ferramenta destinada a analisar on/line a acessibilidade das p=ginas da 1eb para pessoas com defici6ncia! "ste programa tamb5m detecta no c8digo QG)R problemas de compatibilidade que impedem a +isualizao correcta das p=ginas nos diferentes bro;sers da 1eb, sendo esta caracter-stica um dos seus principais factores de popularidade!

Recentemente o SobbO foi +endido a uma empresa Borte Americana N 1atc$fire 'orporation 3$ttp>IIbobbO!;atc$fire!comIbobbOI4! Para al5m da +erificao da conformidade para com as Cirectrizes de Acessibilidade do 'onte do 1eb 1!& do 12' 3adoptadas nas "uropa4, ele faz tamb5m a +erificao da conformidade para com as Cirectrizes usadas nos ".A e con$ecidas por (eco ,&D! A +erso on/line faz apenas a +erificao de uma s8 p=gina! A +erso off/line, com possibilidade de analisar todo o site, tem que ser adquirida! Para e<perimentar o SobbO na p=gina do Programa Acesso da .)I' 3$ttp>II;;;!acesso!umic!pcm!go+!ptIacessi+el!$tm4 basta introduzir o endereo da p=gina da qual pretende a an=lise, pressionar na tecla "nter, e passados alguns segundos, ter= no seu ecr um relat8rio produzido com base nas directi+as da 1AI 3que daremos conta no pr8<imo ponto4 di+idido em tr6s grandes =reas, intituladas prioridades! Para al5m do SobbO, encontra no Programa Acesso mais dois +erificadores autom=ticos> o GA1 N Geste de Acessibilidade 1eb, em "span$ol, e o 'Ont$ia (aOs, tamb5m ele de origem americana, que para al5m de um relat8rio bem estruturado sobre a conformidade com as Cirectrizes do 12' fornece ainda outros elementos como se9a o caso de uma an=lise da qualidade das legendas utilizadas!

Na sec!o prtica analisar emosF n ma primeira /ase bre)em ente e depois do ponto sobre as directi) as da WAI com mais detalCeF o# eo 5obbE di> sobre os erros de priorida de % relati)a mente aos stios Web represe ntados pelos di)erso s /ormand os.

Web AccessibilitE Initiati)e

"m @utubro de 1997, o 12' 31orld 1ide 1eb 'onsortium4, o organismo respons=+el pelas recomeda0es mundiais relacionados com a 1eb, e tamb5m con$ecido como sendo o cons8rcio pai da 1eb, lana a L1eb AccessibilitO Initiati+e / 1AIM! "sta iniciati+a tem como misso promo+er a acessibilidade da 1eb para pessoas com defici6ncia! "ntre +=rias acti+idades no dom-nio da tecnologia, in+estigao e educao destacam/se as relacionas com o desen+ol+imento de directrizes de acessibilidade do conte do da 1eb, de agentes do utilizador 3como 5 o caso dos

Sro;sers, dos leitores de ecr, dos sistemas de +arrimento4 e de ferramentas de criao de conte do!

2irectri>es de Acessibilidade do Conte'do da Web %.,


"m , de )aio de 1999, o 12' publica o seu primeiro documento que ser+ir= de refer6ncia mundial para a acessibilidade na Internet! @ documento tem o nome de FCirectrizes de acessibilidade do conte do da 1eb 1!&F e pretende ser uma ferramenta para que os criadores de sites saibam como tornar as p=ginas 1eb acess-+eis a todos, sobretudo aos que, por alguma defici6ncia, sentem dificuldades em aceder aos conte dos dispon-+eis na Internet! Para a decomposio dos diferentes aspectos da acessibilidade o documento 5 composto por 1J directrizes abordando dois temas gen5ricos> assegurar uma transformao $armoniosa, descrita nas 1% primeiras regras, e tornar o conte do compreens-+el e na+eg=+el, tema tratado nas duas ltimas directrizes! "m cada uma das directrizes ou regras e<istem di+ersos pontos que t6m que ser +erificados! @s H, pontos de +erificao encontram/se classificados por n-+eis de prioridade! Assim considera/se um ponto de +erificao como sendo de> / prioridade 1> quando se trata de um LPonto que os designers de conte do 1eb t6m absolutamente de satisfazer! (e o no fizerem, um ou mais grupos de utilizadores ficaro impossibilitados de aceder a informa0es contidas no documento! A satisfao deste tipo de pontos 5 um requisito bsico para que determinados grupos possam aceder a documentos sedeados na 1eb!M? Prioridade %> quando se trata de um LPonto que os designers de conte dos na 1eb devem satisfazer! (e no o fizerem, um ou mais grupos de utilizadores tero dificuldades em aceder a informa0es contidas no documento! A satisfao deste tipo de pontos traduzir/se/= na remoo de barreiras significativas ao acesso a documentos sedeados na 1eb!M? Prioridade 2> quando se trata de um LPonto que os criadores de conte dos na 1eb podem satisfazer! (e no o fizerem, um ou mais grupos podero deparar-se com algumas dificuldades em aceder a informa0es contidas nos documentos! A satisfao deste tipo de pontos ir= melhorar o acesso a documentos sedeados na 1eb!M

As FCirectrizes para a acessibilidade do conte do da 1eb / 1!&F desen+ol+idas pela equipa da Iniciati+a para a Acessibilidade da 1eb do 12' constituem a principal refer6ncia internacional sobre esta mat5ria! A traduo portuguesa

deste documento foi realizada na .ni+ersidade de Gr=s/os/)ontes e Alto Couro e est= dispon-+el no endereo $ttp>II;;;!utad!ptI;aiI;ai/pageaut$!$tml! Beste manual +amos analisar um documento que se intitula LRista de conformidade dos pontos de +erificao das Cirectrizes de acessibilidade do conte do da 1eb // 1!&M, o qual 5 composto por uma lista com os H, pontos de +erificao de+idamente agrupados por n-+el de prioridade! )erecem/nos principal rele+Wncia os pontos de +erificao de prioridade 1, e alguns da prioridade %! Rista de 'onfirmao dos Pontos de Verificao das Cirectrizes de Acessibilidade do 'onte do 1eb 1!&! 3linY para o 'C / RistaTdeT+erificaoT;ai!$tm4!

Principais &e/er0ncias
1! 1eb Access Pro9ect! $ttp>IIncam!;gb$!orgI;ebaccessIinde<!$tml ! %! 1eb Access Pro9ect / (-mbolo de Acessibilidade 1eb! $ttp>IIncam!;gb$!orgI;ebaccessIsOmbol;inner!$tml ! 2! 1eb AccessibilitO Initiati+e! $ttp>II;;;!;2!orgI1AII J! 1& Cicas para fazer s-tios 1eb acess-+eis! $ttp>II;;;!;2!orgI1AIIReferencesIXuicYGipsIqt!pt!$tm ! ,! Rista de 'onfirmao dos Pontos de Verificao do 1'AA 1!& $ttp>II;;;!utad!ptI;aiI;ai/pageaut$!$tml ! H! Cirecti+as de Acessibilidade do 'onte do da 1eb 1!& $ttp>II;;;!utad!ptI;aiI;ai/pageaut$!$tml !

Gse os re# isitos de )isitabil idade * Web

Capt lo

"

3s re# isitos de )isitabilidade


' resoluo do +onsel,o de -inistros ./0.. pretende assegurar que a informao disponibili&ada pela 'dministrao #1blica na 2nternet seja susceptvel de ser compreendida e pesquisvel pelos cidados com necessidades especiais, determinando(se que sejam adoptadas as solues t3cnicas adequadas a que aquele objectivo seja alcanado.
AAcessibilidade 1eb insere/se no plano de concretizao da Iniciati+a Bacional para os 'idados com Becessidades "speciais na (ociedade da Informao, tendo as presentes directrizes como ob9ecti+o iniciar a remodelao dos s-tios e<istentes dotando/os de um con9unto m-nimo de requisitos de +isitabilidade, sem pre9u-zo de que os que +en$am a ser criados adoptem

medidas mais rigorosas de acessibilidade! : o caso dos 1H pontos de +erificao do 1'AA 1!& do 12' correspondentes prioridade 1, e apresentados no cap-tulo anterior! "stes requisitos no garantem que um s-tio se9a 1&&[ acess-+el, nem o cumprimento da Resoluo do 'onsel$o de )inistros 97I99, mas pretendem adoptar um conjunto mnimo de tcnicas que permitir= +isitar o s-tio, contactar o seu respons=+el e iniciar a aprendizagem e troca de e<peri6ncias sobre acessibilidade entre os respons=+eis pelos s-tios da administrao p blica na Internet! @s s-tios dos organismos abrangidos pela resoluo do 'onsel$o de )inistros 97I99 de+ero ser adaptados ao estabelecido nas presentes regras de+endo submeter s respecti+as tutelas relat8rios semestrais relati+os ao estado da sua concretizao! As presentes regras encontram/se di+idas em J grandes grupos> apresentao da informao, elementos de contacto, na+egao e por ltimo a conformidade!

Apresenta!o da In/orma!o
1 - ssociar te!to a cada elemento no te!tual" Ba maioria dos casos 5 suficiente o uso do atributo de te<to alternati+o FARGF para identificao sucinta do elemento! "sta regra aplica/se a> imagens? representa0es gr=ficas de te<to, incluindo s-mbolos? regi0es de mapa de imagem? anima0es 3por e<emplo AI* animados4? applets e ob9ectos programados? arte A('II? frames? programas interpret=+eis? imagens utilizadas como sinalizadores de pontos de enumerao? espaadores? bot0es gr=ficos? sons 3reproduzidos ou no com interaco do utilizador4?

Inscre)aBse no Help2es I da APJ

fic$eiros =udio independentes? pistas =udio de +-deo? trec$os de +-deo!

Contactos
% / #ornecer uma forma simples e $bvia para contactar a pessoa da organizao respons=+el pela informao e o3s4 administrador3es4 do s-tio! % - #ornecer o endereo& telefone& fa! e correio electr$nico da organizao" J / @ respons=+el pelo s-tio de+er= subscrever a lista de distribuio de correio electr8nico acesso/;ebmasters\eAroups!com, en+iado para o efeito um email em branco 3sem nada no corpo da mensagem e no assunto4 para acesso/;ebmasters/subscribe\eAroups!com ! ctualmente esta lista desempenha a funo de 'elp(es) do *eb+aster da , na rea da acessibilidade" travs dela possvel solicitar pareceres em relao acessibilidade de um determinado stio *eb ou projecto de *eb" #omentamos largamente a partilha de informao entre os profissionais que concebem stios *eb"

Na)ega!o
- - .arantir que as ligaes te!tuais ou com equivalente te!tual sejam palavras ou e!presses compreensveis fora do conte!to" .se a tecla GAS para saltar de ligao em ligao numa p=gina 1eb e leia em +oz alta o respecti+o te<to! .m cego usa uma t5cnica semel$ante para na+egar recorrendo a um sintetizador fala para substituir a falta de +iso! Riga0es compostas por Fclique aquiF no so esclarecedoras para ou+e apenas a informao das liga0es! Co mesmo modo, se usar +=rias +ezes o mesmo te<to para compor liga0es diferenciadas gera ambiguidade! / - ,ermitir a activao dos elementos da pgina atravs do teclado"

Smbolo de Acessib ilidade * Web

Pessoas com destreza reduzida ou com incapacidade de +er o cursor do ecr t6m dificuldade em usar um dispositi+o apontador como o rato! @ teclado pode ser a nica alternati+a!

Con/ormidade
0 - 1mplementar as directivas de visitabilidade" Recomenda/se como priorit=rio os requisitos de +isitabilidade mencionados neste documento! Poder= no entanto usar os requisitos de acessibilidade do conte do da 1eb do 12', dispon-+eis em +erso Portuguesa no s-tio da .GAC, no endereo> ;;;!utad!ptI;aiI;ai/pageaut$!$tml ! 2 - 3estar a acessibilidade da informao usando ferramentas ou servios automticos de anlise da acessibilidade e emuladores de navegadores de te!to" Recomenda/se a utilizao do SobbO 3$ttp>IIbobbO!;atc$fire!comIbobbOI4 eIou do GA1 3$ttp>II;;;!ta;dis!netI4 ou o no+-ssimo 'Ont$ia (aOs 3$ttp>II;;;!cOnt$iasaOs!comI4 para an=lise da acessibilidade e o emulador de na+egador de te<to ROn< Vie;er 3$ttp>II;;;!delorie!comI;ebIlOn<+ie;!$tml4! Pode ainda usar apenas o teclado para na+egar e interagir com a informao contida no s-tio em an=lise! 4 - #azer as correces necessrias& e voltar a testar" 15 - (ever colocar o 6mbolo de entrada do stio" cessibilidade na *eb na pgina de

"<istem +=rias +ers0es deste s-mbolo em> $ttp>II;;;!;gb$!orgI;gb$IpagesIncamIcurrentpro9ectsIsOmbol;inner!$tml! A imagem do s-mbolo de acessibilidade de+er= ser ela pr8pria uma ligao para uma p=gina com o seguinte conte do> Ge<to> FA afi<ao do (-mbolo de Acessibilidade no garante que este s-tio se9a 1&&[ acess-+el! A utilizao deste s-mbolo demonstra, unicamente, um esforo em aumentar a acessibilidade deste s-tio em conformidade com a Resoluo do

'onsel$o de )inistros BK 97I99 sobre acessibilidade dos s-tios da administrao p blica na Internet pelos cidados com necessidades especiaisF? Ce+er= tamb5m afi<ar nesta p=gina as informa0es sobre a acessibilidade do s-tio, incluindo o endereo de correio electr8nico do respons=+el pela sua concepo para contacto em caso de dificuldade de acesso e ainda afi<ar as liga0es de enquadramento!

Como testar pginas Web a tomticamente


@ SobbO, como 9= referimos 5 uma ferramenta autom=tica de teste da acessibilidade de p=ginas 1eb! @ relat8rio produzido pelo SobbO apresenta os pontos de +erificao da 1AI di+ididos pelos 9= mencionados n-+eis de prioridade! Ba presente an=lise +amos ficar apenas pelos de prioridade 1, que representam os elementos mais b=sicos indespens=+eis na+egabilidade pela maioria dos 'idados com Becessidades "speciais! Apesar do relat8rio SobbO ser normalmente grande por forma a cobrir grande parte das directrizes, isso no significa necessariamente que ele indique os principais problemas de acessibilidade da p=gina! 'oloquemos inicialmente o nosso enfoque nos erros de prioridade 1! 'om um pouco de e<peri6ncia, 5 poss-+el +erificar rapidamente a seco de LVerificao pelo .tilizadorM e determinar a sua aplicabilidade! Bote, que dada a incapacidade do SobbO para detectar alguns elementos, algumas das refer6ncias feitas mant5m/se mesmo depois de corrigidas! @ SobbO, semel$ana do 'Ont$ia (aOs, pemite efectuar o teste confrontado a p=gina ou com as regras do 1'AA 1!& do 12' 3adoptadas na "uropa4 ou com as da (eco ,&D 3adoptadas nos ".A4! Geremos por isso que seleccionar o as regras do 12', 1'AA 1!&, pois elas diferem em alguns pontos das adoptadas nos ".A! Ba primeira parte do relat8rio, a c8pia da p=gina 1eb original 5 marcada com os L'$ap5us do SobbOM! "stes c$ap5us com uma cadeira de rodas indicam erros de acessibilidade, automaticamente detectados! @ ponto de interrogao identifica um poss-+el erro de acessibilidade, o qual requer uma an=lise manual! Por e<emplo, no primeiro caso contam/se e<emplos como imagens sem legenda! Bo segundo caso encontramos situa0es como imagens com legenda mas que 5 preciso +erificar se est= correcta! A (egunda parte do relat8rio encontra/se di+idida em mais 2 partes 3algumas destas partes no sero mostradas caso no se apliquem ao caso em concreto4> acessibilidade com prioridade 1, acessibilidade com prioridade %, acessibilidade com prioridade 2! @ SobbO na sua +erso original da+a/nos ainda mais duas sec0es> erros de compatibilidade com os na+egadores e tempos de

descarregamento! Actualmente estas duas sec0es desapareceram, infelizmente, do relat8rio! Ba seco dedicada acessibilidade de prioridade 1 so listados os problemas que afectam seriamente a acessibilidade por parte das pessoas com defici6ncia! @ s-mbolo LSobbO Appro+edM s8 pode ser utilizado num s-tio 1eb que cumpra todas as regras mencionadas nesta seco! Ao clicar em qualquer um dos problemas referenciados o relat8rio ir= conduzi/lo a descri0es detal$adas do mesmo que l$e permitem efectuar as de+idas correc0es! )ais recentemente o SobbO disponibiliza, semel$ana do 12', s-mbolos de conformidade em que sur9em e<plicitamente referenciados o n-+el de conformidade> A, AA ou AAA! Inclusi+amente o s-mbolo SobbO appro+ed, que consta+a do relat8rio, foi agora substitu-do pelo s-mbolo de maior e<ig6ncia! (ignifica isto que actualmente se e<ige cada +ez mais rigor na produo de conte dos 1eb!
A lista de )eri/ica!o pelo tili>ador cont=m os seg intes elementosK

;; ,se a lin%/a%em mais simples e corrente poss<vel7 ;; Se /sar arte -SCII1 considere a /tili=ao de /ma ima%em acess<vel7 ;; Identifi>/e >/al>/er tipo de m/dana de idioma na p5%ina7 ;; Se no conse%/e constr/ir /ma p5%ina acess<vel1 faa /ma verso alternativa em s/porte acess<vel.

Como testar pginas Web man almente


#= +erific=mos que nem sempre a +erificao autom=tica 5 fi=+el de todo! Por isso 5 de todo recomendado que se faa tamb5m uma +erificao manual, de prefer6ncia at5 recorrendo aos pr8prios utilizadores, nomeadamente os utilizadores com necessidades especiais! Xuando tal no 5 de todo poss-+el recomendamos a utilizao do Ba+egador @pera con9untamente com o sintetizador de +oz #A1( 3com sintetizador em Portugu6s do Srasil4! Xuanto ao @pera +ai +erificar que ele permite simular uma s5rie de situa0es> na+egar sem imagens, na+egar de forma linear, eliminar as fol$as de estilo, transformar colunas, tabelas, simular na+egadores que no suportam frames! Xuanto ao sintetizador, se por acaso no o conseguir perceber, pode +oc6 mesmo fazer de sintetizador bastando para tal ler em +oz alta aquilo que +ai aparecendo de cor

in+ersa! "ssa 5 a =rea que ser= +erbalizada por este dispositi+o! "ssa zona corresponde tamb5m ao foco central da informao que surge numa lin$a Sraille!
Do%n#oad e insta#a&o'

"m primeiro lugar con+5m fazer o do;nload e respecti+a instalao do @pera e do #A1(! "ncontra o @pera em> ;;;!opera!com e o #A1( em ;;;!freedomscientific!com! @ primeiro 5 gratuito e o segundo tem uma +erso demo que dura 2& minutos, ao fim dos quais ter= que +oltar a reinicializar o computador! Cepois e<ecute ambos os programas e siga os seguintes passos de configurao!
Config $a$ o Ope$a

'on+5m fazer os seguintes a9ustes no programa @pera> "m L*ileIPreferencesICocumentsM seleccionar a cai<a LIn+ert )arYed Ge<tM
Config $a$ o (AWS'

Pode accionar o menu principal do #a;s pressionando em simultWneo as teclas IB("RG]#! Aqui seleccione o menu LRanguagesM e escol$a em L(int$esizerM Portugu6s!
)avega$ com o Ope$a'

"squea por completo o rato! Goda a na+egao +ai ser feita com teclado! "is alguns comandos b=sicos> A+anar de linY em linY> Gecla A! Retroceder de linY em linY> Gecla X! A+anar de elemento em elemento> Gecla C! Retroceder de elemento em elemento> Gecla "! A+anar nos campos de um formul=rio> GAS! Retroceder nos campos de um formul=rio> (QI*G]GAS! "ntrar no linY> "nter! P=gina anterior> Gecla ^! P=gina seguinte> Gecla P! Andar de frame em frame> Gecla 2!

Ba+egar com imagens acti+as! Gente a+anar na p=gina de linY em linY 3com a tecla A4! Gente a+anar na p=gina de elemento em elemento 3Gecla C4! 'omo +erifica tudo o que 5 imagem no 5 lido pelo sintetizador!
)avega$ sem imagens activas'

Pressione a tecla A! Godas as imagens desapareceram agora! Repita o mesmo procedimento anterior! Verifica que todas as imagens que se encontram legendadas so lidas pelo sintetizador! As que no se encontram legendadas t6m o r8tulo gen5rico de LI)AA"M! (e +oltar a pressionar a tecla A, as imagens +oltam a ser mostradas no site!
)avega$ sem est$ t $a'

Pressione agora 'GRR]A! Verifica que a formatao em tabelas e mesmo a que foi constru-da com '(( desapareceu! "stamos agora a na+egar no site de forma linear! : desta forma, pela ordem com que os elementos sur9em no ecr, que o leitor de ecr #A1( apresenta a informao para ser lida pelo sintetizador de fala ou ser +isualizada pela lin$a braille dos utilizadores cegos! Gente efectuar a mesma na+egao usando as teclas anteriores! Xuando o site se encontra em forma linear, os que respondem mel$or aos requisitos de acessibilidade so aqueles que se encontram alin$ados esquerda! Gamb5m 5 importante analisar a forma como o documento surge em modo te<to! 'onsegue +isualizar os elementos de estrutura do documento_ 'onsegue +er os par=grafos_ consegue +er as diferenas de cabeal$os_ consegue distinguir as listas de informao_ 'onsegue +er a estrutura da tabela de dados_ "mbora para este ltimo os agentes de utilizador 3nomeadamente os Sro;sers4 no t6m sido muito generosos!
Sim #a$ m "$o%se$ * e no s po$ta f$ames'

Para conseguir simular este tipo de na+egador basta ir de no+o ao menu L*ileIPreferencesICocumentM e desacti+ar a cai<a L"nable *ramesM! Volte ao na+egador e introduza o endereo da p=gina a analisar! (e o resultado no foi uma p=gina completamente em branco 9= est= com sorte!

Principais &e/er0ncias
1! Requisitos de Visitabilidade! $ttp>II;;;!acesso!umic!pcm!go+!ptIacessoI+isitabil!$tm ! %! QelpCesY do 1ebmestre da AP na =rea da acessibilidade! $ttp>II;;;!acesso!umic!pcm!go+!ptIabcIlista!$tm !

2! Primeiro estudo sobre o estado da acessibilidade dos s-tios 1eb da AP Portuguesa! $ttp>II;;;!acesso!umic!pcm!go+!ptIap%&&&I9fIinde<!$tm ! J! @ -ndice A'"((@ N Rista de Verificao dos requisitos de +isitabilidade! $ttp>II;;;!acesso!umic!pcm!go+!ptIap%&&&I9fIinde<!$tm ! ,! SobbO N A+aliao Autom=tica de (ites! $ttp>IIbobbO!;atc$fire!comIbobbOI ! H! GA1 N Geste de Acessibilidade 1eb $ttp>II;;;!ta;dis!netI ! 7! 'Ont$ia (aOs $ttp>II;;;!cOnt$iasaOs!comI ! D! ROn< Vie;er N uma ferramenta para testar a acessibilidade! $ttp>IIdelorie!comI;ebIlOn<+ie;!$tml 9! @pera N um Sro;ser que permite di+ersos tipos de na+egao! $ttp>II;;;!opera!com ! 1&! #A1( N um leitor de ecr para sintetizador de +oz! $ttp>II;;;!freedomscientific!com ! 11! (-mbolo de Acessibilidade 1eb! $ttp>IIncam!;gb$!orgI;ebaccessIsOmbol;inner!$tml 1%! 'onformidade com 1AI N s-mbolos a utilizar! $ttp>II;;;!;2!orgIGRI1'AAI`'onformance !

Capt lo

4=cnicas para desenCo de conte'dos Web acess)eis


"ste captulo foi construdo para quem ten,a con,ecimentos de programao de pginas !eb. 'qui encontra algumas t3cnicas de desen,o acessvel a aplicar nas suas pginas !eb.
Legendar Imagens

Apesar de este ser um elemento e<tremamente f=cil de utilizar, na realidade 5 aquele tipo de erro que mais prolifera na 1eb! A diferena est= na e<ist6ncia ou no de uma legenda, e 9= agora uma legenda que descre+a a funo da pr8pria imagem!

Imaginemos o boto gr=fico ! Para legendar este boto bastar= colocar a legenda LRogotipo da .nidade de )isso Ino+ao e 'on$ecimentoM!

Bo primeiro caso mostramos o c8digo correspondente imagem sem legenda e no segundo com a respecti+a legenda!
CMdigo sem legenda.

?im% 4order@A A src@Aima%es*/mic.%ifAB

CMdigo com legenda

?im% 4order@A A src@Aima%es*/mic.%ifA alt@ACo%otipo da ,nidade de Disso Inovao e ConEecimentoFB 'omo se +erifica a diferena est= somente na utilizao do atributo aaltb!

2escre)er Imagens
Para descre+er uma imagem, como se9a a descrio de um gr=fico de barras, de uma fotografia, de um quadro de pintura, de uma paisagem, e at5 mesmo de um logotipo ou s-mbolo no de+e ser utilizado o atributo aaltb! Beste caso de+e ser utilizado o atributo alongdescb que fica direccionado para uma p=gina que cont5m a descrio! 'omo este tem sido um atributo que os fabricantes de Sro;sers teimam em no suportar, o mel$or 5 recorrer ao linY UCV, posicionado 9unto imagem! Pode tamb5m, caso no precise dessa funcionalidade para outra tarefa, fazer da imagem um linY para a sua descrio!
LinI /ormado pela prMpria imagem.

?a Eref@A%rapE1.EtmAB ?im% 4order@A A src@A%rapE1.%ifA alt@AIndice -CESS8AB?*aB

LinI N2O

?pBG?a Eref@A%rapE1.EtmAB)?*aBH?*pB

Atrib to PlongdescQ

?IDI S'C@F%rapE1.%ifF C8NI)ESC@F%rapE1.EtmF -C.@FIndice -CESS8FB

Legendar Applets
(e pretende transformar os seus applets em algo mais acess-+el, pode usar o atributo aARGb para uma bre+e descrio da aco ou prop8sito do mesmo! (e aquilo que o applet transmite audi6ncia 5 algo mais comple<to ento utilize o elemento APPR"G para fazer uma descrio mais detal$ada 3i!e! entre os referenciais aAPPR"Gb e aIAPPR"Gb! Por e<emplo a lin$a seguinte 5 um banner que corre as legendas>
RaIe I4 EasEK simple (332 comple; 5A2

/e usasse um navegador com o 0ava activado, iria ver o te1to 2a3e %4 5as67 simple G88& comple1 9#&! a correr ao longo de uma lin(a do ecr, em ve$ deste pargrafo @ c8digo para gerar este tipo de elemento seria> ?-((CE. code@AJlinK.classA :idtE@A5 A Eei%Et@A4 A alt@A9ava applet: te6to a passarAB Se /sasse /m nave%ador com o 9ava activado1 iria ver o te6to LDaKe I. EasM: simple I88) comple6 J-)F a corer ao lon%o de /ma linEa do ecr1 em ve= deste par5%rafo. ?*-((CE.B

Legendar Rapas de imagem do Cliente

Sorne!a ma alternati)a em te;to e legende o mapa

?IDI S'C@Aim%*im%map1.%ifA -C.@AIma%e map: please /se tEe alternative linKs provided :itE tEe map.A .I.CE@ANario/s icons relatin% to disa4ilitMA ,SED-(@A;map1A J8')E'@ B ?D-( N-DE@Amap1AB ?-'E- C88')S@A 1 13#13#A O'E$@Aa.EtmA -C.@ACinK to section - of tEe site. AB ?-'E- C88')S@A4 1 1"#13#A O'E$@A4.EtmA -C.@ACinK to section J of tEe site. AB ?-'E- C88')S@A8 1 112 13#A O'E$@Ac.EtmA -C.@ACinK to section C of tEe site. AB ?-'E- C88')S@A1211 11! 13#A O'E$@Ad.EtmA -C.@ACinK to section ) of tEe site. AB ?*D-(B ?D-( N-DE@Amap2AB G ?- O'E$@Aa.EtmABSection -?*-B P ?- O'E$@A4.EtmABSection J?*-B P ?- O'E$@Ac.EtmABSection C?*-B P ?- O'E$@Ad.EtmABSection )?*-B H ?*D-(B

Legendar Srames
a*RA)" srccMmain!$tmM titlecMP=gina principalMb a*rame srccMna+egar!$tmM titlecM)enu de na+egaoMb .se o atributo aB@*RA)"b para fornecer uma alternati+a sem frames! "ssa alternati+a pode ser pura e simplesmente dois linYs do g5nero>

Legendar 7deos
Para sincronizar legendas com +-deo pode ser usado a aplicao )agpie 3)edia Access Aenerator4, dispon-+el no site da B'A) em> $ttp>IIncam!;gb$!orgI;ebaccessImagpieIinde<!$tml (e pegar num fic$eiro em formato A(* 3formato da )icrosoft N streaming format4 pode e<ecutar o )agpie, carregar o fic$eiro A(* e ser= de imediato aberto um sistema tipo base de dados! Bo final pode e<portar o seu trabal$o para formato ()IR 3(Onc$ronized )edia Interc$ange Ranguage4 que permite sincronizar te<to e =udiodescrio com imagem! Cepois basta editar o c8digo! Ve9a o endereo da )icrosoft> $ttp>II;;;!microsoft!comIenableIsamiIdefault!$tm : simples, e os utilizadores surdos +o por certo usufruir tamb5m das suas produ0es multim5dia!

Como tratar os /orm lrios


Verifique se a ordem dos campos se encontra correcta! .se a tecla GAS para na+egar pelo formul=rio e +erifique se a sequ6ncia est= correcta! .se o elemento aGASIBC"Pb
Acessibilidade por teclado

?$8'D action@As/4mitA metEod@ApostAB ?(B ?IN(,. ta4inde6@A2A tMpe@Ate6tA name@Lcampo1AB ?IN(,. ta4inde6@A1A tMpe@Ate6tA name@Lcampo2AB ?IN(,. ta4inde6@A3A tMpe@As/4mitA name@LEnviarAB ?*$8'DB

Xuando se9a til, coloque teclas de atal$o nos seus linYs! .se o elemento aA''"((d"eb
4eclas de AtalCo

?$8'D action@As/4mitA metEod@ApostAB ?(B ?C-JEC for@A/seridA accessKeM@A,ABNome?*C-JECB ?IN(,. tMpe@Ate6tA id@A/seridAB ?*$8'DB Para rotular os campos o principio geral 5 sempre disponibilizar um equi+alente em te<to para cada elemento no/te<tual 3LaltM, LlongdescM4!
Legendar os campos

C-JEC for@LnomeABNome: ?IN(,. tMpe@Ate6tA id@LnomeA ta4inde6@A1AB ?*C-JECB

Legendar os botTes

?$8'D action@AEttp:**e6emplos.com*pro%*te6tQ readA metEod@ApostAB ?(B ?.ER.-'E- name@nome ro:s@A2 A cols@A8 AB (or favor escreva a>/i o se/ nome. ?*.ER.-'E-B ?IN(,. tMpe@As/4mitA val/e@LEnviarAB ?IN(,. tMpe@AresetAB ?*(B ?*$8'DB

Agr par componentes

?$8'D action@AEttp:**e6ample.com*/serA metEod@ApostAB ?$IEC)SE.B ?CEIEN)BInformao (essoal?*CEIEN)B ?C-JEC for@LnomeABNome: ?*C-JECB

?IN(,. tMpe@Ate6tA id@AnomeF ta4inde6@A1AB ?C-JEC for@LapelidoAB-pelido: ?*C-JECB ?IN(,. tMpe@Ate6tA id@LapelidoA ta4inde6@A2AB ... mais informao (essoal... ?*$IEC)SE.B ?$IEC)SE.B ?CEIEN)BOistSria clinica?*CEIEN)B ...informao so4re a EistSria clinica... ?*$IEC)SE.B ?*$8'DB

Identi/i# e os cabe!alCos das col nas e das linCas das 4abelas


E;emplo de ma tabela de)idamente re/erenciada em H4RL

<TA L! "order#$% <CAPT&O'%!(ample of a simple data ta"le created usin) *T+L mar,up-<.CAPT&O'% <T/% <TD%<.TD% <T*%Col- $ 0eader<.T*% <T*%Col- 1 0eader<.T*% <.T/% <T/% <T*%/o2 $ 0eader<.T*% <TD%C$/$<.TD% <TD%C$/1<.TD% <.T/% <T/% <T*%/o2 1 0eader<.T*% <TD%C1/$<.TD% <TD%C1/1<.TD% <.T/% <.TA L!%

Constr a

m e# i)alente ao Script

.se o elemnto aB@('RIPGbpara descre+er a aco ou para substituir por completo a funcionalidade do script! ?SC'I(. tMpe@Fte6t*TavascriptFB U.. ?*SC'I(.B ?N8SC'I(.B U ?*N8SC'I(.B

3 so de CSS
(eparar o conte do estruturado do documento do seu estiloIapresentao 5 o ob9ecti+o da utilizao da linguagem '(( N 'ascading (tOle ($eet, ou se9a o uso de fol$as de estilo! Gendo como +antagem a possibilidade de alterar as cores do site, ou o tipo de letra utilizado de uma forma simples e r=pida, mesmo se se tratar de um site com mil$ares de p=ginas, esta t5cnica 5 bastante til do ponto de +ista da acessibilidade porque ao no fi<ar tais elementos 3cor, tipo de letra, alin$amento de elementos4 na p=gina em si, d= ao utilizador a possibilidade de usar a fol$a de estilo e<istente ou personalizar a sua pr8pria fol$a de estilo! A9uda em muito num dos princ-pios fundamentais da acessibilidade que 5 a transformao $armoniosa, ou se9a 5 poss-+el apresentar os elementos do documento digital da forma mais apropriada a um determinado utilizador, ou mesmo agente de utilizador, como se9a o sintetizador de fala 3'(( Aural4 e a lin$a Sraille 3'(( Sraille4! )as tamb5m 5 poss-+el disponibilizar o mesmo conte do estruturado com um estilo mais apropriado para impresso 3'(( Printer4! )as as fol$as de estilo no param por aqui e e<istem 9= algumas recomenda0es para Gele+iso e mesmo para Gelem8+eis! As p=ginas ficam mais le+es, logo mais r=pidas e 5 poss-+el efectuar com elas algumas apresenta0es imposs-+eis de realizar para quem s8 usa LtruquesM de QG)R! @ QG)R na sua origem, tin$a o estilo fi<o! "le tin$a como finalidade estruturar documentos! Pro+a+elmente mais de 9&[ das p=ginas que e<istem actualmente na net, por parado<al que possa parecer, no t6m estrutura, e na maioria das +ezes possuem uma estrutura completamente baral$ada, pois quem as concebe f6/lo apro+eitando o estilo e no a estrutura intr-nseca da linguagem QG)R! Ce seguida apresenta/se um e<emplo simples de como utilizar uma fol$a de estilo nas suas p=ginas QG)R! @ e<emplo aqui apresentado segue uma das

estrat5gias mais aconsel$=+eis do ponto de +ista de acessibilidade, ou se9a, baseado numa fol$a de estilo e<terna! A p=gina QG)R necessita de uma refer6ncia fol$a de estilo! @u se9a o nome da fol$a de estilo a usar e a sua localizao no site! Cesta forma se a fol$a se c$amar estilo!css e esti+er na directoria '(( do site a p=gina de QG)R, a que +amos c$amar inde<!$tm teria que ter o seguinte c8digo>
Pgina inde;.Ctm

?O.DC lan%@ptB ?OE-)B ?.I.CEBVndice do S<tio do (ro%rama -CESS8.?*.I.CEB ?CINW Eref@Acss*estilo.cssA rel@stMlesEeet tMpe@Fte6t*cssFB GUH ?*OE-)B ?p class@FcorpoFBCorpo da mensa%em formatado de acordo com a folEa de estilo. ?pB ?*O.DCB A fol$a de estilo teria o seguinte aspecto!
Estilo.css

.corpo X .ER.QIN)EN.: 5Y7 $8N.QSIZE: 15 Y7 C8C8': ; ff [ Geriamos assim o te<to formatado com uma tabulao de ,[, taman$o de letra de 1,&[ e cor azul! Para alterar tais +alores s8 precisaria de alterar no fic$eiro que cont5m os estilos! Para mais informa0es +er '(( na p=gina do 12' em www.w3c.org

Principais &e/er0ncias
G5cnicas de Acessibilidade da 1AI! $ttp>II;;;!starling;eb!comI;aiI;cagIsam1/&!$tm ! '(( / Rearning '((! $ttp>II;;;!;2c!orgI(tOleI'((I ! Rog5rio 'osta in confer6ncia LA acessibilidade nos sitios 1eb da AP PortuguesaM $ttp>II;;;!acesso!umic!pcm!go+!ptIap%&&&Ircosta!zip ! )icrosoft N *ormatos )ultimedia! $ttp>II;;;!microsoft!comIenableIsamiIdefault!$tm ! )agPie N )edia Access Aenerator! $ttp>IIncam!;gb$!orgI;ebaccessImagpieIinde<!$tml !

%
Ane;o

Uit para editores de conte'do da Web


"<istem +=rios recursos, iniciati+as, materiais de formao e soft;are relacionados com acessibilidade para cidados com necessidades especiais dispon-+eis na Internet! A lista que se segue fornece informa0es teis para a auto/aprendizagem dos editores de conte do ;eb,

Endere!os (erais
Programa Acesso da .)I' / Acessibilidade a 'idados com Becessidades "speciais (ociedade de $ttp>II;;;!acesso!umic!pcm!go+!pt ! Cocumento da Resoluo do 'onsel$o de )inistros BK 97I99 sobre acessibilidade dos s-tios da administrao p blica na Internet pelos cidados com necessidades especiais! $ttp>II;;;!acesso!umic!pcm!go+!ptIacessoIres97T99!$tm ! Cocumento da Resoluo do 'onsel$o de )inistros BK 9HI99 relati+o Iniciati+a Bacional para os 'idados com Becessidades "speciais na (ociedade da Informao! $ttp>II;;;!acesso!umic!pcm!go+!ptIacessoIres9HT99!$tm ! Cirecti+as para a acessibilidade do conte do da 1eb / 1!& do 12'! $ttp>II;;;!utad!ptI;aiI;ai/pageaut$!$tml! Iniciati+a para a acessibilidade da 1eb do 12'! $ttp>II;;;!;2!orgI;ai !

Acessibilidade aos Stios Web da AP

pg. "-

'"RGI' I .GAC N 'entro de "ngen$aria em Reabilitao em Gecnologias de Informao e 'omunicao! $ttp>II;;;!acessibilidade!net ! *undao (IC\R / Acesso .ni+ersal! $ttp>II;;;!sidar!org ! )icrosoft AccessibilitO / Gec$nologO for "+erOone $ttp>II;;;!microsoft!comIenableI

Rateriais de /orma!o
'ourse;are AccessibilitO (tudO $ttp>IIsno;!utoronto!caIbestIcrse+al!$tml Sarrier/free 1eb Cesign 1orYs$op 3"A(I4 $ttp>II;;;!rit!eduIfeasiI;orYs$opsIeasi;eb!$tm Cesigning for .ni+ersal AccessibilitO ;it$ QG)R J!& 3QG)R 1riters Auild4 $ttp>II;;;!$;g!orgIser+icesIclassesIcatalogId%&1!$tml 'urriculum on 1eb 'ontent AccessibilitO Auidelines 312'I1AI4 N consta do 'C em Portugu6s $ttp>II;;;!;2!orgI1AII;cag/curric 1eb 1orYs$op / AccessibilitO 3)icrosoft4 $ttp>IImsdn!microsoft!comI;orYs$opIdesignIlaOoutIaccessible!asp 1eb Auidelines > "<amples of Accessible and Inaccessible QG)R 3)icrosoft4 $ttp>II;;;!microsoft!comIenableIde+I;ebIQG)R!$tm

Listas de disc sso


A'"((@/1"S)A(G"R( $ttp>II;;;!egroups!comIgroupIacesso/;ebmasters A'"((ISIRICAC" $ttp>II;;;!egroups!comIgroupIacessibilidade A''"(@ 1"S 3"span$a4 $ttp>II;;;!egroups!comIgroupIacceso;eb 12'/1AI/IA $ttp>II;;;!;2!orgI1AIIIAI

Acessibilidade aos Stios Web da AP

pg. ".

Anlise de Acessibilidade
SobbO N A+aliao Autom=tica de (ites! $ttp>IIbobbO!;atc$fire!comIbobbOI ! GA1 N Geste de Acessibilidade 1eb $ttp>II;;;!ta;dis!netI ! 'Ont$ia (aOs $ttp>II;;;!cOnt$iasaOs!comI ! AccessibilitO Prompt! $ttp>IIaprompt!sno;!utoronto!caI ! 1ebGV Vie;er Gool! $ttp>IIde+eloper!;ebt+!netIdesignItoolsI+ie;erICefault!$tm !

Siltros
S"G(I" / G$e SS'gs Ge<t/to/(peec$ Internet "n$ancer $ttp>II;;;!bbc!co!uYIeducationIbetsieI

4ecnologias de Acesso
Geclados, dispositi+os apontadores, man-pulos alternati+os! $ttp>II;;;!infogrip!comI '"RGI'I.GAC N A+aliao de A9udas G5cnicas $ttp>II;;;!acessibilidade!netIatIa+alat!$tml ! Giresias N Sase de Cados de A9udas G5cnicas para Ceficientes Visuais! $ttp>II;;;!tiresias!org ! *reedom(cientific 3#A1(4 N Reitor de ecr para sintetizador e lin$a braille! $ttp>II;;;!freedomscientific!com ! )icrosoft> AccessibilitO Aids $ttp>II;;;!microsoft!comIenableIproductsIaids!$tm (intetizadores de fala em Portugu6sISrasil )icropo;er CeltaGalY $ttp>II;;;!micropo;er!com!brIdesen+olIinde<!$tml IS) ViaVoice @utloud $ttp>II;;;/J!ibm!comIsoft;areIspeec$Ide+Imsagent!$tml Virtual Vision $ttp>II;;;!micropo;er!com!brI

Acessibilidade aos Stios Web da AP

pg. "1

'A(G e/Reader $ttp>II;;;!cast!orgIproductsI AC@S" N Acessibilidades para PC* $ttp>IIaccess!adobe!comI ! (oft;are de Ampliao N Runar $ttp>II;;;!dolp$inuY!co!uYI ! Reitor de ecr N QAR $ttp>II;;;!dolp$inuY!co!uYI !

5roVsers com / ncionalidades especiais


hudio Sro;ser N Ba+egador com +oz e ampliao incorporado N gr=tis N .ni+! )in$o $ttp>IIideafi<!di!umin$o!ptIabI ! Sraille (urf $ttp>II;;;!sn+!9ussieu!frIino+aIbsJIuYI Qome Page Reader $ttp>II;;;/2!ibm!comIableI$pr!$tml ROn< Vie;er $ttp>II;;;!delorie!comI;ebIlOn<+ie;!$tml ! @pera $ttp>II;;;!opera!com !

Legendagem de 7deos
Gecnologia (A)I! $ttp>II;;;!microsoft!comIenableIsamiIdefault!$tm ! "specificao ()IR 3(Onc$ronized )ultimedia Integration Ranguage4! $ttp>II;;;!utad!ptIfleonelmI;2ctranslationsIsmilI ! )icrosoft> AccessibilitO Aids! $ttp>II;;;!microsoft!comIenableIproductsIaids!$tm ! )edia Access Aenerator 3)AApie4 $ttp>II;;;!;gb$!orgI;gb$IpagesIncamI;ebaccessImaginde<!$tml !

Acessibilidade aos Stios Web da AP

pg. $,

Vous aimerez peut-être aussi