Académique Documents
Professionnel Documents
Culture Documents
Requisitos de Visitabilidade
"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
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
<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!
pg. "
Capt lo
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!
pg. $
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 "
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!
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 !
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!
pg. %%
Incapacidade
(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!
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!
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
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!
-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. %$
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!
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!
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!
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!
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?
pg. %1
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.
!.
".
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 !
#.
pg. 2%
Capt lo
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!
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.
"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!
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 !
Capt lo
"
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?
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"
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!
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.
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
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.%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.
LinI N2O
?pBG?a Eref@A%rapE1.EtmAB)?*aBH?*pB
Atrib to PlongdescQ
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
?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!
?$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
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
?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
<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
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 !
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
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
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 !
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 !
pg. $,