MinistriodoPlanejamento,OramentoeGesto

SecretariadeLogsticaeTecnologiadaInformao
DepartamentodeGovernoEletrnico

MinistriodaEducao
SecretariadeEducaoProfissionaleTecnolgica
RedeNacionaldePesquisaeInovao
ProjetodeAcessibilidadeVirtual

e-MAG

ChecklistdeAcessibilidadeManualparaoDesenvolvedor

Junhode2010

MinistriodoPlanejamento,OramentoeGesto
SecretariadeLogsticaeTecnologiadaInformao
DepartamentodeGovernoEletrnico

MinistriodaEducao
SecretariadeEducaoProfissionaleTecnolgica
RedeNacionaldePesquisaeInovaoemTecnologiasDigitais
ProjetodeAcessibilidadeVirtual

ChecklistdeAcessibilidadeManualparaoDesenvolvedor
eMAGModelodeAcessibilidadeemGovernoEletrnico

Junhode2010

ChecklistdeAcessibilidadeManual
paraoDesenvolvedor
AcordodeCooperaoqueentresicelebramoMinistriodo
Planejamento,OramentoeGesto(MP),representadopela
SubsecretariadePlanejamento,OramentoeAdministraoeo
MinistriodaEducao,representadopelaSecretariadeEducao
ProfissionaleTecnolgica(SETEC).

Desenvolvidopor:
NcleodeAcessibilidadeVirtualdoIFRSCampusBentoGonalves
NcleodeAcessibilidadeVirtualdoIFCECampusFortaleza
NcleodeAcessibilidadeVirtualdoIFBaianoCampusCatueCampus
Guanambi
Contato:acessibilidade@renapi.org

ApresenteobraencontraselicenciadasobalicenaCreativeCommonsAtribuioUsono
comercialCompartilhamentopelamesmalicena3.0Brasil.Paravisualizarumacpiadalicena,
visitehttp://creativecommons.org/licenses/byncsa/3.0/br/oumandeumacartapara:Creative
Commons,171SecondStreet,Suite300,SanFrancisco,California,94105,USA.

HISTRICO
Data

Verso

Descrio

Papel

Autor

30/10/2009

0.1

Levantamentodedados

Bolsista

JucliaAlmeida

06/11/2009

0.2

Revisoortogrfica

Bolsista

BrunaSalton

06/11/2009

0.3

Revisododocumento

Professor
Orientador

AndraSonza

09/12/2009

0.4

Finalizaododocumento

Bolsista

JucliaAlmeida

11/12/2009

1.0

Revisofinal

Professor
Orientador

AndraSonza

19/02/2010

1.1

AlteraessugeridaspeloMPOGBolsista

JucliaAlmeida

20/02/2010

1.2

Revisoapsalteraes
sugeridas

Professor
Orientador

AndraSonza

23/02/2010

1.3

Novasalteraessugeridas

Bolsista

JucliaAlmeida

26/02/2010

1.4

RevisoParcial

Professores
Orientadores

AndraSonzae
Gleison
Nascimento

20/05/2010

1.5

Alteraes

Bolsista

JucliaAlmeida

02/06/2010

1.6

Alteraesdaformatao

Bolsista

BrunaSalton

02/06/2010

2.0

RevisoFinal

Professor
Orientador

AndraSonza

ChecklistdeacessibilidademanualparadesenvolvedoresVerso(2.0)

SUMRIO
1INTRODUO

....................................................................................................................

6
2CHECKLIST

.......................................................................................................................

7
3REFERNCIASBIBLIOGRFICAS

..................................................................................

23

ChecklistdeacessibilidademanualparadesenvolvedoresVerso(2.0)

1INTRODUO

Ochecklistdeacessibilidadeparadesenvolvedorescontmpontosde
verificaoparaseremseguidosnahoradodesenvolvimento.Essespontossobaseadas
emexperinciasdetestescomdeficientesvisuais,almdoestudodospadresde
desenvolvimentoWebdaW3C,diretrizesdeacessibilidadedaWCAG1.0,2.0eSamurai,e
MAG1.0e2.0.importantedestacarque,combasenessasexperinciasestamos
desenvolvendooeMAG3.0

1.1Objetivo
Oobjetivodestedocumentoorientarodesenvolvedorparaque,desdeo
inciododesenvolvimento,jexistaapreocupaocomaacessibilidade,usabilidadee
comunicabilidade,evitandoretrabalhoefacilitandootestemanualdodeficientevisual.
Tambmobjetivaservircomoguiaaodesenvolvedorcasohajaalgumadvidarelacionada
aostrsconceitosdequalidadedeusojmencionadosnocdigodoseustio.

1.2AcrnimoseAbreviaes
DVdeficientevisual
W3CWorldWideWebConsortium(ConsrcioparaaRedeMundialdeComputadores)
WCAGWebContentAccessibilityGuidelines(GuiadeAcessibilidadeparaContedos
Web)
eMAGModelodeAcessibilidadedoGovernoEletrnico.

ChecklistdeacessibilidademanualparadesenvolvedoresVerso(2.0)6

2CHECKLIST

Siteavaliado
Avaliadores
LeitoresdeTela
Navegadores
SistemasOperacionais
Data

ChecklistdeacessibilidademanualparadesenvolvedoresVerso(2.0)7

2.1Links
Item
Ositefornecealocalizao
dousurioemumconjunto
depginas?

Asncorasestosendo
usadascorretamente?

Oqueavaliar
Sim
Emtodasaspginasdosite,excetuandoapgina
inicial,deveserfornecidoslinkscomoconjuntode
pginaspercorridasaousurio,deprefernciaantesdo
inciodocontedo.Estaao,almdedarsegurana
paraoDV,tambmofereceaopoparaeleretornar
algumnvel
Osnveisanterioresdapginajvisitadosdevemestar
linkados
Exemplo:
Vocestem:Pginainicial>Downloads

No

N.A.

Localondenofoirespeitado

Asncorassoutilizadasatravsdoatributoid.

TOPO:
<h1>
<ahref="index.php"id=tituloh1>
EducaoMinistriodaEducao</a>
</h1>
RODAP:
<ahref="#tituloh1">Topodapgina</a>

ChecklistdeacessibilidademanualparadesenvolvedoresVerso(2.0)8

Quandoolinkqueancoradonoforvinculadoa
nenhumaao,necessrioousodoseuprprioidno
atributohref,poisseforcolocadoapenas#ofocoir
paraabarradeendereosquandopressionadaatecla
"Enter".Tambmnofuncionarseohreffordeixado
embranco,poisolinkperdeseufoco.

<ahref=#fimMenuid=fimMenu>Finaldo
Menu</a>

Hlinksindicadoresna
pgina?

Devehaverlinksindicativosemalgunspontosda
pgina.OsmaiscomunseessenciaissoInciode
Menu,FimdeMenu,IniciodeContedoeFimde
contedo.Sehouverdicasparausaratalhosemlinks
indicadores,essasdicasdevemestarligadaspor
ncorasaolinkindicador.Emcasodesitesmuito
extensosaquantidadedelinksindicadorespodeser
maior.
Exemplo:
Topo:

<ahref=#inicioMenu>IniciodoMenu[Alt+
1]</a>

Iniciodomenu:

<ahref=#inicioMenuid=inicioMenu
accesskey=1class=oculto>Iniciodo
Menu</a>

ChecklistdeacessibilidademanualparadesenvolvedoresVerso(2.0)9

Oslinksapresentam
descriescurtase
objetivas?Elesidentificamo
destinoaoqualremetem?
Abremocontedona
mesmapginade
navegaoouavisamque
iroabriremumanova
pgina?

precisoqueoslinksapresentemumadescrio
curtaeobjetivaparafacilitaroentendimentodousurio
precisoidentificarclaramenteodestinodolink,ou
seja,queelerealmentedescrevaoitemaoqualremete
Linksservemcomofocalizadoresparaosleitoresde
telas
Olinkdeveabrirseucontedopreferencialmentena
mesmapginaemqueousurioestnavegando,caso
sejanecessrioabriremumanovapgina,sugerimoso
usodecomandosJavaScriptdotiponointrusivoao
invsdoatributotarget=_blanc.OJavaScriptdeve
retornarumamensagemaousurionotificandooqueo
linkabriremumanovapgina.

<ahref=www.NovaPagina.com.br
class=ComandojavaScript>NomeDoLink</a>

obrigatrioousodoelementohrefparaqueoleitor
procedaleituracomoumlink.Seolinknopossuirum
destinoprecisocolocarovalor#

<ahref="#"id="voltar">Voltarapgina
anterior</a>

ChecklistdeacessibilidademanualparadesenvolvedoresVerso(2.0)10

Hatalhosparafacilitara
navegaopelosite?Esses
atalhosfuncionam
corretamente?

Paraqueosatalhosfuncionemcorretamentecomos
leitoresdetela,precisoteroatributoaccesskeynolink
ondeseiniciaainformaodoatalho,poisesse
atributoquefarcomqueofocoencontreainformao
Porexemplo:
Topo:

<ahref=#inicioMenu>IniciodoMenu[Alt+
1]</a>

Iniciodomenu:

<ahref=#inicioMenuid=inicioMenu
accesskey=1class=oculto>Iniciodo
Menu</a>

recomendadoousodenmerosparaosatalhos
paranoentraremconflitocomosleitoresdetela,pois
estesutilizamletrasparaatalhosdesuasferramentas
Oidealutilizarasdicasdeatalhosnotopodetodas
aspginaseposicionlasjuntasparafacilitara
compreensodoDV.Asdicasdevemserncoraspara
seusatalhos,assimoDVpodertambmteclar"Enter"
parachegaraoelementodesejado
Paraocultaroslinksdeatalhosdemaneiraqueno
prejudiquealeiturapelosleitoresdetela,preciso
procederdaseguintemaneira:
HTML

<ahref=#inicioMenuclass=oculto>Iniciodo
Menu[Alt+1]</a>

ChecklistdeacessibilidademanualparadesenvolvedoresVerso(2.0)11

CSS

a.oculto{
textindent:20000px;//fazerotextosumir
display:block;//parafuncionarnoie
outline:0;//arrumarabordanoFirefox
}

Comosequnciadosatalhossugerimosutilizlosem
ordemdeimportncia:
oAlt+1paramenu
oAlt+2paracontedo
oAlt+3pginainicial
oAlt+4Pesquisar

2.2Contedos
Asimagensesto
devidamenteetiquetadas?

Aimagemdeveseretiquetada,comumadescrio
claraesimplesdocontedoqueagrega
Adescriodaimagemdeveiniciarcomoseutipode
contedo,porexemplo:grfico,imagem,foto,banner,
logo...
Paraetiquetarumaimagembastausaroatributoaltna
tagimg
Exemplo:

<imgsrc=cavalinho.jpgalt=cavalorecm
nascidodeitadonaterra,sendoacariciado
pelame/>

ChecklistdeacessibilidademanualparadesenvolvedoresVerso(2.0)12

Aleituradaspalavrase
frasesestsendo
compreendida?Os
pargrafosestocomum
tamanhorazovel?
AsanimaesemFlash
estodescritas?

Osarquivosparadownload
apresentamaextensoa
qualsodisponibilizados?
Elesestoemformato
compatvelcomoleitorde
telas?

Hverborragianapgina?

Aspalavrasprecisamestardevidamenteacentuadas
e,asfrases,devidamentepontuadas
Ospargrafosnodevemsermuitoextensos,pois
issodificultaaleiturapelosLeitoresdeTelas

Quandohobjetoflashemumapginanecessrio
inserirumadescrio,inclusivenosbotesecontroles
internos

DarprefernciaaarquivosemformatoPDFouRTF,
osquaissolidospelamaioriadosleitoresdetela.
Sugerimostambmaextenso.DOCdevidoaofatode
serlidoporquaisquerleitores.
Nobloquearoarquivo,poisnormalmentearquivos
bloqueadosnoconseguemserlidospelosleitores.
Sugeresecolocaraextensojuntocomonomedo
arquivo,paraqueoDVtenhaconhecimentodotipode
arquivoqueestsendodisponibilizado.

Verborragiacorrespondeainformaesrepetidasou
desnecessriasemumsite.

ChecklistdeacessibilidademanualparadesenvolvedoresVerso(2.0)13

Astabelasso
disponibilizadasapenas
quandonecessrias?Seu
contedoestmesclado?
Existemcontedosque
poderiamestaremtabelase
noesto?

Conformeospadresdedesenvolvimentoweb,
tabelasdevemserusadasapenasparadadostabulares.
Esseitemvisaverificarsehdadosnotabularesem
tabelasousehdadostabularesforadetabelas.
Tabelas,deummodogeral,soelementosdedifcil
navegaoparaleitoresdetelaeespecialmenteparaa
compreensododeficientevisual,porisso
aconselhamosautilizaoapenasquandoforem
imprescindveis.
Cuidadosimportantes:
oUtilizaodoatributosummary,poiseleum
resumodatabela.Coloqueapenasemtabelas
querealmentenecessitamdeumresumo;
oUsaroelementocaptionparattulodatabela;
esseelementoottuloprincipaldamesma;
oParatabelassimples,ousoapropriadodo
elementothessencialparatornlaacessvel.
Contudocomumpoucomaisdeesforo,
podemosincrementaraacessibilidadeaosdados
databela.theadetfootsousadosparaagrupar
umalinhadecabealhosnotopoeoutranofinal
databela.Setheadetfootforemusados,voc
deverusartambmtbodyparadefinirocorpo
databela,queapartequecontmasclulas
dedados.Naverdadeumatabelapoderconter
maisdeumtbody;
oEmtabelasdedadoscomdoisoumaisnveis
lgicosdecabealhosdelinhaoudecoluna,

ChecklistdeacessibilidademanualparadesenvolvedoresVerso(2.0)14

utilizarmarcaesparaassociarasclulasde
dadossclulasdecabealho.Paraassociar
dadosdasclulas,deveserseguidaumadas
formasabaixo:
Usaroatributo'headers'paraasclulas
detabelas<td>emconjuntocomo
atributoidnacluladecabealho<th>.
Usaroatributo'scope',associadoa'col'
e'colgroup'.
oColocaroatributoabbrparaabreviarum
cabealholongodemodoqueelenosejalido
porinteirotodavezqueoleitordetelapassar
porele;
oEmalgunscasososdesenvolvedoresutilizam
colunasvaziasemcabealhosoudadospara
obterumespaamentoentreascolunasdeuma
tabela.OleitordetelasJaws,porexemplo,l
"blank"todavezqueencontraumaclulavaziae
istopodereduzirausabilidadeeaacessibilidade
dastabelasdedados.NessecasoCSSdeveser
usadonolugardeclulasvaziasparacontrolara
apresentaodeumatabeladedados.

ChecklistdeacessibilidademanualparadesenvolvedoresVerso(2.0)15

2.3Formulrios
Osformulriosfuncionam
corretamente?Aordemde
tabulaoestcorreta?As
descriesdoselementos
estoadequadas?Nocaso
dautilizaodoscapcha's,
htambmumaalternativa
emudio?

Oprimeiropassoparatornaroformulrioacessvel
organizlodeformaasercompreensvel,tantonasua
formataoquantovisualmente,almdeproveruma
adequadadescriodeseuscampos.
Seoformulriopossuircapcha(umtipodetestede
desafiorespostausadoemcomputaoparagarantir
quearespostanogeradaporumcomputador)
precisodisponibilizar,juntocomesserecurso,uma
descrioemudio,possibilitandoassimaautonomia
depreenchimentoaousuriodeficientevisual.
Cuidadosnecessrios:
oForm:recomendvelsempreutilizar
astagsform,mesmoqueoformulrio
tenhaapenasumelemento,comoo
casodascaixasdeedioparapesquisa
emumsite;
oImputtype=text,select,textarea

:
devemestarassociadoscomumlabel.
Essaassociaofeitausandoomesmo
valornoatributofordolabeleiddo
elementoinput,selectoutextarea.

<labelfor=ano>Seunome:</label>
<selectid=anoname=ano>
<optionvalue=2008>2008</option>
<optionvalue=2009>2009</option>
</select>

ChecklistdeacessibilidademanualparadesenvolvedoresVerso(2.0)16

oinputsubmit,reset,button:

essesatributos
transformamoelementoinputembotes,para
elesnousamosoelementolabelcomoos
demais;
oselect:

semprequeforutilizadoselectsozinho
emumformulrio,usarobrigatoriamenteum
botoparasubmeteraescolha.Aousareventos
javaScriptparaabrirautomaticamenteaopo,
quandoselecionada,nofuncionar
corretamentecomoleitordetelas,poisser
executadoocomandocadavezqueoleitorde
telasfocarumdesseselementos;
ofieldset:

separaoselementosemgrupospara
melhoraracompreenso,podendoinserir
quantosacharnecessriodentrodeum
formulrio;
olegend:indicaottuloparaogrupode
elementodentrodofieldset;
otabindex:noaconselhadousaratributo
tabindexparaqueanavegaosigaaordemna
qualoformulriofoiprogramado.Seforpreciso

ChecklistdeacessibilidademanualparadesenvolvedoresVerso(2.0)17

utilizaressecomando,utilizlodeformaque
mantenhaumaordemdetabulaodeacordo
comaimportnciadepreenchimento.

Ascaixascombinadase
caixasdeseleopossuem
umbotoparaoenvioao
invsderemeterem
automaticamentequando
escolhidoumelemento?

Ascaixascombinadas(inputtextcomumalistade
sugestesdepreenchimento)ecaixasdeseleo
(selects)nopodemremeterautomaticamenteaoser
escolhidaumaopo.Elasdevemterumbotodeenvio
paraqueousuriodeleitordetelaspossanavegar
pelasopessemproblemas.

<formaction="/ept/redirecionar.php"
method="post">
<fieldset>
<labelfor="destaques">
Destaques</label>
<selectname="destaques"id="destaques">
<optionvalue="0"selected="selected">
DestaquesdoGoverno</option>
<option
value="http://www.brasil.gov.br">Portalde
ServiosdoGoverno</option>
<option

ChecklistdeacessibilidademanualparadesenvolvedoresVerso(2.0)18

value="http://www.radiobras.gov.br/">Portal
daAgnciadeNotcias</option>
<option
value="http://www.fomezero.gov.br/">Programa
FomeZero</option>
</select><inputtype="button"
value="OK"id="destGoverno"/>
</fieldset>
</form>

Humcampodebuscano
site?Oresultadodabusca
defcilacesso?
Osbotesfuncionam
adequadamente?Elesesto
devidamentedescrito?

Nocasodesitesextensosimportanteousodeum
campodebusca.Essecampo,quandoutilizado,deve
remeteroseufoconoinciodoresultadodabusca.
Osbotesdevemremeteraumlocalouuma
mensagemquesejalidapeloleitordetela.Adescrio
dobotofeitapeloatributovalueedeveestarclarae
objetiva.

<inputtype="submit"value="Buscar"
name="buscar"/>

Hmuitosbotesdeopes
(radioButton)noformulrio?
Essesbotespodemser

Aleituradosbotesdeopoemumformulriopor
partedeusuriosdeleitoresdetelapodeserdificultosa
emuitasvezesnocompreendidapelosdeficientes

ChecklistdeacessibilidademanualparadesenvolvedoresVerso(2.0)19

substitudosporcaixade
seleo?

visuais.Comissosugereseatrocadosbotesde
opopelascaixasdeseleo(selects)sempreque
possvel.

2.4Estruturadosite
Osmenusestoemforma
delista?Quandohsub
menusocultos,
disponibilizadoumaviso
paramostrar/ocultaresses
submenus?

Osmenusdevemestaremformadelista/itens.
Casoomenuapresentesubitensocultos,ositedeve
informaraousurioaexistnciadosmesmos,com
mensagensparamostrar/ocultarsubitens.
Quandoosubmenuestfechado:

<h3><ahref#>AInstituio</a></h3><a
href="#"class="oculto">Expandir</a>
<h3><ahref#>Contatos</a></h3><ahref="#"
class="oculto">Expandir</a>

Quandoosubmenuestaberto:

<h3><ahref="#">AInstituio</a></h3><a
href="#"class="oculto">Retrair</a>
<ulclass="sub_sessao">
<li><a>...</a></li>
</ul>

Ascamadaslgicasesto

Umadaspremissasmaisimportantespensadasao

ChecklistdeacessibilidademanualparadesenvolvedoresVerso(2.0)20

separadasadequadamente?

Ositepossuisumriopara
contedoslongos?

programarumsitecomousodepadresde
desenvolvimentoWebaseparaodecamadas
lgicas,ouseja,temosalinguagem(X)HTML,asfolhas
deestilo(CSS)eoDOM(DocumentObjectModel)
ComooleitorltodoocontedoHTMLdapgina,
devehaverumaseparaoentrealinguagem(X)HTML
easfolhasdeestilo(CSS)dapgina,evitandoassima
poluiosonora,ouseja,aleituradeitens
desnecessriospelosleitoresdetela.
QuandohouvereventosJavaScriptjuntocom
(X)HTML,(JavaScriptintrusivo),oleitordetelas,alm
denoconseguirfazeraleituradesseelemento,poder
perderoseufocodentrodapgina.Porissoutilizasea
camadaDOM,quefazaseparaoentre(X)HTML,
CSSeJavaScript.precisoqueoseventosJavaScript
estejamemumarquivoseparadoeligadosao(X)HTML
pormeiodaiddoselementos
Quandoumapginapossuiumcontedomuito
extensocomvriosttulos,importanteousodeum
sumriocomessesttulosantesdocontedopara

ChecklistdeacessibilidademanualparadesenvolvedoresVerso(2.0)21

facilitaranavegao.
Essesumriodeveestaremformadencorase,ao
trminodecadaparte,deverhaverumlinkparavoltar
aosumrio.

Aestruturadaspginasest
uniforme?Adivcontedo
encontraseantesdadiv
menu?

Osttulosapresentamuma

Aspginasdevemterumaestruturalgica,ouseja,
porblocosdefcilcompreenso,epadroparatodas
aspginas,excetoapginainicial,quenormalmente
possuiumaestruturadiferenciada.
Algunsdeficientesvisuaisnosabemutilizaratalhos,
almdissoasncoras(atalhos)nofuncionamem
InterfacesEspecializadascomooDosvox.Nesses
casos,paraosDV'snoprecisaremnavegarportodos
ositensdemenuantesdocontedo,sugerimosqueo
contedosejalidoantesqueomenu.Visualmentemenu
econtedocontinuamnamesmadisposio,maspara
usuriosdeleitoresdetela,aordemdeleiturapassaa
ser:contedoedepoismenu.

Paramelhorcompreendercomoutilizarosnveisde

ChecklistdeacessibilidademanualparadesenvolvedoresVerso(2.0)22

ordemlgicanotexto?Eles
estodescritos
corretamente?

ttulos,comparamosumsitecomumlivro:Onomedo
livrooh1,oscaptulossoh2,ossubcaptulosso
h3,eassimsucessivamente.
Cadapginadeverterapenasumatagh1,jquese
pressupequecadapginatenhaumnicottulo
principal.
Ottuloh1dapginafrequentementeusadocomo
nomedaempresa/instituio.Normalmenteottuloh1
substitudoporumaimagem(logo),masdever
permanecercomseucontedo,mesmoqueno
visivelmente,paraqueoleitordetelaspossaler.
Nonecessriofazerousodetodosos6nveis,
excetoquandootextoforclassificadoemmuitas
sees,exigindoassimumadocumentaomuitorgida.
Osnveisdoh2aoh6poderoserusadosmaisde
umaveznapgina,massemexcessoecomlgica
textual
Quandoforusadooatributotitlenosttulos,usarno
titleomesmocontedoquenottulo,seguidode
informaesadicionais,casodesejar.Issoporque
quandohumtitlenoelementoalgunsleitoresdetela
doprefernciaaotitleenoleemocontedo.
Exemplo:
<h1>
<ahref="http://portal.mec.gov.br"
title=EducaoMinistriodaEducao
Cliqueparaacessarosite>
EducaoMinistriodaEducao
</a>

ChecklistdeacessibilidademanualparadesenvolvedoresVerso(2.0)23

</h1>

ExisteoMapadoSite?

Atabulaosegueaordem
visualdatela?

Paramelhoraranavegaoositedeveconteruma
pginacomoMapadoSite
Omapadeveserapresentado,depreferncia,em
formadelista,assimcomoumsumrio,edeveconter
osprincipaislinksdecontedos.Sugerimosutilizar
tantosnveisquantosforemnecessrios

Atabulao(itensfocveis)napginadevemanter
umaordemlgica,assimcomoaparecevisualmente.

2.5Acessibilidade
Ositepossuiaopodealto ParaoDVcombaixavisomuitoimportanteteruma
contraste?Elaest
alternativadealteraodecoresparaosite.
funcionandocorretamente?
aconselhvelqueositetenhaaomenosumaopo
paraalteraodecontraste,queapadro:fundo
preto,fontebranca,linksamarelos...Seosite
contemplarmaisdeumaopodealteraodecores
precisotercuidadoparanocolocarmuitas;3a4
opesseriaoideal.
Oaltocontrasteescolhidoemumapginadeveser
armazenadoemcache,assimquandoforemacessadas
outraspginasdositeelasjabrirocomaopo
escolhida
ChecklistdeacessibilidademanualparadesenvolvedoresVerso(2.0)24

Ositepossuiumapgina
comdicasdenavegao?

Halgumaobservaoextra
sobre1acessibilidade,
2
usabilidadee
3
comunicabilidade?
Ositepossuiopespara
redimensionamentodo
texto?

2
3

importantequeositepossuadicasdeferramentas
especficasdele,inclusiveparaauxiliaranavegao.
Asdicasprecisamestardescritasdeforma
compreensvel.
Nonecessriocolocardicasdeferramentasdos
navegadoreseleitoresdetela.

Descreversehouvealgumadificuldadedenavegao,
referentedistribuiodocontedo,atalhos,
indicadores,texto,etc.
Descreversugestesdemelhorias,casohouver.
ParaoDVdebaixavisomuitoimportantequeosite
contempleaalternativapararedimensionamentodo
texto
Oidealquehajaumlinkque,namedidaemqueo
usurioacessa,afonteaumenteoudiminua
gradativamente,assimoDVpodeajustarotamanhode
acordocomasuanecessidade
Semprequetiveraopodeaumentarediminuirfonte
devesercolocadoumlinktambmparatamanho

Acessibilidade:possibilidadedeleituracomoagentedeusurio.OAgentedeUsuriorefereseaosoftwareparateracessoaocontedoweb.Inclui
navegadoresgrficos,navegadoresdetexto,navegadoresdevoz,celulares,leitoresdemultimdia,suplementosparanavegadores,comoosleitoresdetelae
osprogramasdereconhecimentodevoz.SeumAgentedeUsurio,como,porexemplo,umnavegadorouumleitordetelas,nodetectarotipode
codificaodecaracteresusadonodocumentoweb,ousuriocorreoriscodeteremseusiteumtextoininteligvel.
Usabilidade:produtividade,eficinciadeusoefuncionalidadedoambientefacilidadedeacessoparaTODOS.
Comunicabilidade:processodecomunicaodesenvolvedorusurio;medeonveldecompreensodousurio.precisoqueousuriocompreendacada
eventocontidonainterface,queosdados/informaespresentesnamesmasejamtransmitidoscomclareza.

ChecklistdeacessibilidademanualparadesenvolvedoresVerso(2.0)25

normal.
Otamanhoescolhidoemumapginadeveser
armazenadoemcache,assimquandoforemacessadas
outraspginasdositeelasjabrirocomaopo
escolhida

ChecklistdeacessibilidademanualparadesenvolvedoresVerso(2.0)26

3REFERNCIASBIBLIOGRFICAS

SONZA,AndraPoletto.AmbientesVirtuaisAcessveissobaperspectivadeusurioscomlimitaovisual.Tese(Doutorado).
UniversidadeFederaldoRioGrandedoSul,ProgramadePsGraduaoemInformticanaEducao,PortoAlegre,Maiode2008.
Disponvelem<http://www.bento.ifrs.edu.br/ept/tese>Acessoemnov/09.

ChecklistdeacessibilidademanualparadesenvolvedoresVerso(2.0)27