Ejemplo de metodología de evaluación de accesibilidad.pdf

Ejemplo de metodología de evaluación de accesibilidad

1. ExperienciadeUsoyUsabilidad
ElisabethTapiaColón
Metodologíayguíadeevaluaciónde
accesibilidad
UniversidadInternacionaldeLaRioja

2. Índice
2
►Métodosdeevaluación
►Ejemplodeevaluacióndeaccesibilidad

3. Métodosdeevaluación(1/9)
3
►Métodosdeevaluacióndeaccesibilidad
•Básicamente,haytresformasdeevaluarlaaccesibilidaddelcontenidoweb:
–Evaluaciónmanual.
–Examinarelcódigofuente.
–Herramientasautomáticas.
►Evaluaciónmanual
•Enprimerlugar,sepuederealizarunarevisiónmanualdelaweb.Paraello,es
necesariocomprobarquenoexistenbarrerasenloscontenidosmásvisualesy
estructurales,comosonlasimágenes,losvídeos,laorganizacióndelcontenido,la
presenciadeinformaciónsobreaccesibilidad,laposibilidaddecambiarelcontraste,la
seleccióndeidiomaolaposibilidaddecambiareltamañodelafuentedelapágina.
Estetipodeevaluaciónpuedeserunabuenaprimeraformadeacercamientoa
loselementosmássimples,quesuelenserlasmayoresbarrerasalaaccesibilidad
delcontenidoweb.

4. Métodosdeevaluación(2/9)
4
►Examendecódigo
•Ensegundolugar,esposibleobtenerelcódigofuentedelapágina,deformaquese
puededetectarlasbarreasdeaccesibilidadquevienendefinidasdesdela
programaciónyeldesarrollo.Parallevaracaboestetipodeevaluaciónsenecesita
serexperto,tantoenaccesibilidadcomoenlenguajeHTML.Porlotanto,estápensado
parausuariosavanzados.
►Herramientasautomáticas
•Entercerlugar,existensoftwareyaplicacionesonlinequepermitenlaevaluacióndela
accesibilidaddepáginaswebapartirdelaspautasWCAG1.0yWCAG2.0.
Generalmenteofrecenuninformedetalladodelosdistintoscriteriosdeéxitoo
conformidadquesecumplen,losquenosecumplen,losquenoaplicanylosque
debenverificarsemanualmente.Porotrolado,tambiénexistenvalidadoresdeHTMLy
deCSSquepermitensabersiseestáusandocorrectamenteelestándar
correspondiente.

5. Métodosdeevaluación(3/9)
5
►Metodología
•Laevaluacióndelaaccesibilidadpuedehacerseparaunaúnicapáginaweboparael
sitiowebcompleto.Enesteúltimo,generalmentesehaceunaseleccióndepáginas
webdeacuerdoaunatipología.Elniveldeaccesibilidaddelsitiovendrádadoporel
niveldelapáginamenosaccesible.
•Laevaluacióndelaaccesibilidaddeunsitiowebsedeberealizarsiguiendouna
metodologíaenlaqueseemplearándiferentestécnicas.
•Lasfasesfundamentalesdelprocesoincluyen:
–Análisisprevio.
–Evaluaciónautomática.
–Evaluaciónmanual.
–Pruebasdeusuario.
–Monitorización.

6. Métodosdeevaluación(4/9)
6
►Seleccióndelamuestraparaelanálisis
•Lostiposdepáginaquesehandetenerencuentaparaunanálisispreliminar(no
exhaustivo)son:
–(Siexiste)Páginadesalutación,presentaciónoseleccióndeidioma.
–Lapáginadeiniciodelportal.
–Elmapaweb.
–Páginacaracterística.
–Páginacondatostabulados(tabladedatos).
–Contenidointermedioycontenidofinal(noticias,artículos,fichasdeproductos,
etc.)
–Páginaconformularios(formulariodecontacto,buscador,etc.).
–Páginasconcontenidosmultimedia.
–Documentosparasudescarga(PDF,DOC,XLS,etc.).

7. Métodosdeevaluación(5/9)
7
►Evaluaciónautomática
•Talycomosehabíaindicadopreviamente,existenunaseriedeherramientasde
evaluacióndeaccesibilidad,algunasdeellasbasadasenlaspautasdeaccesibilidadde
contenidosweb(WCAG).Entredichasherramientasestán:
–TAW(http://www.tawdis.net/)
–Hera(http://www.sidar.org/hera/)
–Achecker.
–Wave.
–ColourContrastAnalyser.
–Entreotrasherramientasqueveremosendetallemásadelante.
•Lasherramientasautomáticaspuedenresultardegranutilidad,peronosustituyenla
evaluaciónmanual.
–Esnecesariorealizarlacomprobaciónconvariasherramientas.
–Esnecesariorealizarunaevaluaciónmanualcomplementaria.
•Encuantoalosniveles…
–LaadministraciónespañolaexigeAA.
–ElnivelAAAesmuydifícildeconseguir.

8. Métodosdeevaluación(6/9)
8
►Evaluaciónmanual
•Larevisiónmanualdelaaccesibilidadwebeslaverificacióndelfuncionamientodeun
sitiowebbajodistintascircunstancias.
–Utilizarayudastécnicasespecíficasdeciertasdiscapacidades
–Interactuarconlaspáginascondistintosnavegadores
–Utilizarherramientasquesimulenlaformadevisionarcoloresporusuarioscon
discapacidadvisual,etc.
•Esllevadaacaboporunexpertoogrupodeexpertosybasadaensupropia
experienciayconocimientos.
•Loidealseríaevaluarelsitioconpersonascondiversasdiscapacidades.

9. Métodosdeevaluación(7/9)
9
►Evaluaciónmanual(continuación)
•Sinofueraposibleevaluarelsitioconpersonascondiversasdiscapacidades,ayudaría:
–Examinarlapáginaconunnavegadorsolotexto(comoLynx),unnavegadorde
vozounaherramientacomoJaws.
–Interactuarconlaspáginascondistintosnavegadores.
–Ampliareltamañodelaletra.
–Navegaciónporteclado.
–Deshabilitarlahojadeestilodelapágina.
–Utilizarcomplementosparacomprobarlaaccesibilidad(ChromeWeb
DeveloperTools,InternetExplorerDeveloperToolbar,FirefoxAccessibility
Extension…)
–Utilizarherramientasquesimulenlaformadevisionarcoloresporusuarioscon
discapacidadvisual(contrastereducido,escaladegrises,daltonismo,etc.).

10. Métodosdeevaluación(8/9)
10
►Pruebasdeusuario
•Laevaluacióndeaccesibilidadutilizandotécnicasmanuales,evaluacióndeexpertos,
herramientasautomáticas,yherramientasquesimulansituacionesdediscapacidad
permitenidentificarproblemasimportantesdeaccesibilidadenloscontenidosweb.Sin
embargo,esnecesarioimplicaralusuariofinalmediantepruebasdeusuario.
•Laspruebasdeusuariocomplementantodoesteprocesoanteriordeevaluación.
–Permitendeterminarelniveldeaccesibilidaddeunsitiowebmediantela
experienciadeusuariosrealescondiscapacidadesreales.
–Permitenidentificarbarrerasoproblemasentareasconcretas.
–Permitenobservarlaformadeinteractuar,navegar,etc.,deusuariosqueutilizan
suspropiosproductosdeapoyo.
–Tienenelinconvenientedeque,esnecesariobuscarperfilesdeusuarioscon
diferentesdiscapacidades,diferentesnivelesdeexperiencia,utilizandodiversos
productosdeapoyo,yladificultaddereclutaraestosparticipantes.
–Existeunagranvariedaddediversidadesfuncionalesodiscapacidades,porloque
resultaríaimposiblepodercubrirtodasalseleccionarlosperfiles(porejemplo,
sordera:puedeserpre-locutivaopost-locutiva;siespre-locutiva,elusuarioviene
dellenguajedesignos).

11. Métodosdeevaluación(9/9)
11
►Monitorización
•Laevaluacióndeaccesibilidadsólopuedeasegurarqueunsitiowebtieneun
determinadoniveldeadecuaciónenlafechaenlaqueseharealizadolaevaluación.
•Paraaumentarlasposibilidadesdequeunsitiowebmantengadichonivelde
adecuacióneneltiempo,debenrealizarseaccionesdemonitorización:
–Establecerpersonasresponsablesdelprocesoycrearprocedimientospara
garantizarlaaccesibilidaddelapágina
–Definirlafrecuencia,elmétodoyelalcancedelasevaluaciones
–Seleccionarlasherramientasadecuadasparafacilitarlaevaluación
–Añadirdireccionesalsitiowebparaaportarfeedbacksobrelaaccesibilidaddel
mismo,etc.

12. Ejemplodeevaluacióndeaccesibilidad(1/6)
12
►Resumendelametodología
•Análisisdelsitio.
–Incluyeunarevisiónpreliminardelosproblemasgravesdeaccesibilidad.
oEnlarevisiónsecompruebaelsitiosinimágenes,sinhojasdeestilo,seda
unvistazoalostextosalternativosdelasimágenes,secompruebala
interacciónporteclado,etc.
•Revisióndelaspautas.
–Revisiónautomática.
oSedebehacercon,almenos,dosherramientas.
oLosresultadosnosondefinitivos,perodanunaideadelosaspectosenlos
quetenemosquefijarnos.

13. Ejemplodeevaluacióndeaccesibilidad(2/6)
13
►Resumendelametodología(continuación)
–Revisiónmanual.
oApartirdelosresultadosdelaevaluaciónautomáticasehaceunarevisión
decadaunadelaspautas,sobretododeaquellosaspectosno
comprobadosporlarevisiónautomática.
–Pruebasdeusuariodelsitio.
oEsinteresantehacerpruebasdeusabilidadconusuarioscondistintas
capacidades.
•Informardelosresultados.

14. Ejemplodeevaluacióndeaccesibilidad(3/6)
14
►Problemasdeaccesibilidadmáscomunes
•Enlugarderecorrerunaaunatodaslaspautasycriteriosdeconformidadparahacer
unaevaluacióncompleta,vamosaanalizarlosproblemasdeaccesibilidadmás
comunesquepuedetenerunsitioweb.
–Algunaslistasdeerrorescomunes:
oTenCommonAccessbilityProblemsdeRogerHudson.
»www.dingoaccess.com/accessibility/ten-common-accessibility-problems/
o30WebAccessibilityTipsdeTerrillThompson.
»www.washington.edu/accesscomputing/tips/

15. Ejemplodeevaluacióndeaccesibilidad(4/6)
15
►¿Quévamosahacer?
•Osdejamosunejemplodelascosasenlasquehayquefijarse,dondecomúnmente
suelenaparecerlasprincipalesbarrerasdeaccesoaloscontenidosweb.
–Comprobareltextoalternativodelasimágenes.
o¿Describenlafuncionalidaddelaimagen?¿Seentiendelafuncióndela
imagenconesetextoalternativo?
o¿Existenimágenesdecorativas?Siexisten,¿eltextoalternativoestávacío?
–Comprobarfuncionamientodelteclado.
o¿Sontodoslosenlacesfuncionales?
o¿Eslógicoelordendetabulacióndeloselementosdelformulario?
o¿Esposibleaccederatodoslosenlacesmedianteelteclado?
–Comprobarlascabecerasdesección.
o¿SonelementosdetipoH1-H6?

16. Ejemplodeevaluacióndeaccesibilidad(5/6)
16
►¿Quévamosahacer?(continuación)
–Comprobareltextodelosenlaces.
o¿Soncomprensiblesfueradecontexto?
o¿Todossonfácilmentedistinguibles?
–Comprobarelordendeloselementos.
oSisevelainformacióndeformalineal(comolaveríaunlectordepantalla)
¿Elordenvisualdeloselementoseslógico?
•Máscomprobaciones…
–Usodecolor.
oSilapáginasevieraenblancoynegro…¿Sepodríandistinguirclaramente
todosloselementosquetransmiteninformación?
–Usodeformularios.
oEnloscamposdeunformulario…¿Existealgúntipodeasociaciónentrelos
camposylaetiquetaquelosacompaña?

17. Ejemplodeevaluaciónde(6/6)
17
►Algunoserrores
•Algunosdelosfallosmáscomunesestánrelacionadosconeltextoalternativodelas
imágenes.
–Utilizarunatributoaltvacíocuandolainformaciónessignificativa.
–Utilizarnombresgenéricoscomoelnombredearchivo,“logo”,“imagen1”,etc.
–Utilizarsiglasnodemasiadoconocidas.
–Utilizartextoalternativoenimágenesquenotieneninformaciónimportante(por
ejemplo,enimágenesdecorativaselatributoaltdebeestarvacío).
•OtroaspectoimportanteatenerencuentaeslainaccesibilidaddelosCAPTCHA.
–Lomásimportante:siemprequesepuedaevitarunCAPTCHA,hayqueevitarlo
(verelartículoInaccessibilityofCAPTCHA).
–Sinosepuedeevitar,ademásdeeltextoalternativo,hayqueproporcionarel
CAPTCHAenalmenosotramodalidad:
oCAPTCHAauditivo.
oCAPTCHAlógico.

18. Referencias
18
•W3C.(2021).EasyChecks-AFirstReviewofWebAccessibility[enlínea].W3C/WAI.
Recuperadode:https://www.w3.org/WAI/eval/preliminary
•W3C.(2021).WCAG-EMOverview:WebsiteAccessibilityConformanceEvaluation
Methodology[enlínea].W3C/WAI.Recuperadode:
https://www.w3.org/WAI/eval/conformance

19. www.unir.net