Download - Accesibilidad Web (esa gran olvidada)
![Page 1: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/1.jpg)
ACCESIBILIDADWEBADOLFOSANZDEDIEGO
SEPTIEMBRE2014
![Page 2: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/2.jpg)
1ELAUTOR
![Page 3: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/3.jpg)
1.1ADOLFOSANZDEDIEGOAntiguoprogramadorwebJEE(6años)Hoyendía:ProfesordeFP(6años):Hardware,SistemasOperativosRedes,Programación
FormadorFreelance(3años):Java,AndroidJavaScript,jQueryJSF,Spring,HibernateGroovy&Grails
![Page 4: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/4.jpg)
1.2ALGUNOSPROYECTOSFundadory/ocreador:HackathonLovers:TweetsSentiment:MarkdownSlides:
Co-fundadory/oco-creador:PeliTweets:PasswordManagerGenerator:
http://hackathonlovers.comhttp://tweetssentiment.com
https://github.com/asanzdiego/markdownslides
http://pelitweets.com
http://pasmangen.github.io
![Page 5: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/5.jpg)
1.3¿DONDEENCONTRARME?Minick:asanzdiegoAboutMe:GitHub:Twitter:Blog:LinkedIn:Google+:
http://about.me/asanzdiegohttp://github.com/asanzdiegohttp://twitter.com/asanzdiego
http://asanzdiego.blogspot.com.eshttp://www.linkedin.com/in/asanzdiego
http://plus.google.com/+AdolfoSanzDeDiego
![Page 6: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/6.jpg)
2INTRODUCCIÓN
![Page 7: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/7.jpg)
2.1OBJETIVOSLaaccesibilidadwebnosecentrasóloenlaspersonascondiscapacidad,enrealidadtienecomoobjetivolograrquelaspáginaswebseanutilizablesporelmáximonúmerodepersonas,independientementedesusconocimientosocapacidadespersonaleseindependientementedelascaracterísticastécnicasdelequipoutilizadoparaaccederalaWeb.
![Page 8: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/8.jpg)
2.2OPORTUNIDADESOfreceoportunidadessinprecedentesparalosdiscapacitados:Losciegospuedenleerperiódicosgraciasaloslectoresdepantallas.Lossordospuedenvervídeossubtitulados.Laspersonascondiscapacidadmotorapuedenutilizarprogramasde"eye-tracking"
![Page 9: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/9.jpg)
2.3DIFICULTADESApesardeello,todavíaquedancosasporhacer:Haysitioswebquesólosepuedenusarconelratón.Muchosvídeosnoestánsubtituladosparasordos.Hayinterfacesendondenohaysubstitutoalainteracciónconimágenes.
![Page 10: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/10.jpg)
2.4DESTINATARIOSLamayoríadelosestudiosestimanqueun20%delapoblacióntienealgúntipodediscapacidad,notodastienendiscapacidadesquedificultansuaccesoaInternet,perosiguesiendounaparteimportantedelapoblación.Cadadiscapacidadrequieredeciertostiposdeadaptaciones,quelamayoríadelasveces,beneficiaránacasitodos,nosóloalaspersonascondiscapacidad.
![Page 11: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/11.jpg)
2.5DESARROLLADORESLamayoríadeloserroresdeaccesibilidadwebsonporfaltadeconocimientosdeldesarrollador.
![Page 12: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/12.jpg)
2.6LENGUAJECORRECTOPersonacondiscapacidadPersonacondiscapacidadmotrizPersonacondiscapacidadauditivaPersonacondiscapacidadvisualPersonacondiscapacidadintelectualPersonacondiscapacidadpsicosocial
![Page 13: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/13.jpg)
2.7LENGUAJEINCORRECTODiscapacitado,inválido,disminuidoMinusválido,incapaz,impedidoSordomudo,sordito(todoslosdiminutivos)Invidente,cieguito(todoslosdiminutivos)Retrasadomental,mongol,tontootarado,deficienteLoco,loquito,demente
![Page 14: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/14.jpg)
2.8W3CElW3Cesungrupointernacionaleindependientequedefinelosprotocolosyestándaresparalaweb,comoHTML,CSS,etc.
![Page 15: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/15.jpg)
2.9WAIUnadelasprincipalesiniciativasdelW3CeslaWAI(WebAccessibilityInitiative)queseencargadeldesarrollodenormasdeaccesibilidad.
![Page 16: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/16.jpg)
2.10WCAGLasWCAG(WebContentAccessibilityGuidelines)oPautasdeAccesibilidadalContenidoenlaWebsonlasprincipalesnormasdeaccesibilidadweb.
![Page 17: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/17.jpg)
2.11WCAG1.0Finalizadasen1999,fueronunavanceimportante.Proporcionaban14directricesynumerosospuntosdecontrol.Proporcionabantresprioridades:NivelArequisitosbásico,NivelAAmejoraccesibilidadylaeliminacióndeimportantesbarreras,NivelAAAproporcionabamejorasalaaccesibilidad.
![Page 18: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/18.jpg)
2.12WCAG2.0SefundamentanenWCAG1.0,perointroducenalgunoscambiossignificativos.Laspautasestáncentradasenprincipiosmásqueentécnicas,paraquesigansiendorelevantesinclusocuandolatecnologíacambie.Sitúaúnicamente4principiosenelnivelsuperior,las4directricesPOUR(Servir).
![Page 19: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/19.jpg)
3DIRECTRICESPOUR
![Page 20: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/20.jpg)
3.1PERCEPTIBLE(I)Disponibleparalossentidos(visiónyaudiciónprincipalmente),bienatravésdelnavegadoropormediodeayudastécnicas(porejemplo,lectoresdepantalla,ampliadoresdepantalla,etc.)
![Page 21: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/21.jpg)
3.2PERCEPTIBLE(II)Directriz1.1:Textoalternativo:Proporcionatextoalternativoparaelcontenidoquenoseatextual,asípodrásertransformadoenotrosformatosquelagentenecesite,comocaracteresgrandes,lenguajebraille(brailenoescorrecto),lenguajeoral,símbolosolenguajemássimple.Directriz1.2:Contenidomultimediadependientedeltiempo:Proporcionealternativassincronizadasparacontenidosmultimediasincronizadosdependientesdeltiempo.
![Page 22: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/22.jpg)
3.3PERCEPTIBLE(III)Directriz1.3:Adaptable:Crearcontenidoquepuedaserpresentadodediferentesformassinperderniinformaciónniestructura.Directriz1.4:Distinguible:Facilitaralosusuariosveryescucharelcontenidoincluyendoladistinciónentrelomásymenosimportante.
![Page 23: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/23.jpg)
3.4OPERABLE(I)Losusuariospuedeninteractuarcontodosloscontrolesyelementosinteractivosusandoelratón,untecladooundispositivodeayuda.
![Page 24: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/24.jpg)
3.5OPERABLE(II)Directriz2.1:Tecladoaccesible:Podercontrolartodaslasfuncionesdesdeelteclado.Directriz2.2:Tiemposuficiente:Proporcionatiemposuficientealosusuariosparaleeryutilizarelcontenido.
![Page 25: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/25.jpg)
3.6OPERABLE(III)Directriz2.3:Ataquesepilépticos:Nodiseñarcontenidoquepuedacausarataquesepilépticos.Directriz2.4:Navegación:Proporcionaformasparaayudaralosusuariosanavegar,abuscarcontenidoyadeterminardondeestánestos.
![Page 26: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/26.jpg)
3.7COMPRENSIBLE(I)Elcontenidoesclaroyselimitalaconfusiónylaambigüedad.
![Page 27: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/27.jpg)
3.8COMPRENSIBLE(II)Directriz3.1:Legible:Hacercontenidodetextolegibleycomprensible.Directriz3.2:Previsible:Hacerlaaparienciaylaformadeutilizarlaspáginaswebprevisibles.Directriz3.3:Asistenciaalaentradadedatos:Ofrecerayudaalosusuariosparaevitarycorregirerrores.
![Page 28: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/28.jpg)
3.9ROBUSTO(I)Unaampliagamadedispositivosytecnologíaspuedeaccederalcontenido.
![Page 29: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/29.jpg)
3.10ROBUSTO(II)Directriz4.1:Compatible:Maximizalacompatibilidadconlosagentesdeusuarioactualesyfuturos,incluyendotecnologíasdeasistencia.
![Page 30: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/30.jpg)
4MITOS
![Page 31: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/31.jpg)
4.1LASPÁGINASWEBACCESIBLESSONFEASFALSO.Dehecholamayoríadelosprincipiosdeaccesibilidadwebnoafectanalacabadofinal(lookandfeel)deunsitioweb.
![Page 32: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/32.jpg)
4.2LASPERSONASCONDISCAPACIDADNOUTILIZANLAWEB
FALSO.Másbientodolocontrario,yaquelasnuevastecnologíaseInternethapermitidoaungrannúmerodepersonascondiscapacidadllevarunavidaautónomaeindependiente.
![Page 33: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/33.jpg)
4.3LASPÁGINASWEBCONSÓLOTEXTOSONACCESIBLES
FALSO.Laspáginaswebquesólocontienentextopuedenserdifícilesdeentenderporpersonascondiscapacidadcognitivaocondificultadesconellenguajecomolaspersonassordomudas.
![Page 34: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/34.jpg)
4.4LAACCESIBILIDADESCARAYCOSTOSAFALSO.Evidentemente,elprocesodeaprendizajeylaposterioradaptaciónalossitioswebyaexistentessuponenuncoste,peroigualqueaprenderunanuevatecnología(porejemplo,AJAX)yadaptarlossitioswebalanuevatecnología.
![Page 35: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/35.jpg)
4.5LAACCESIBILIDADESSÓLOPARACIEGOSFALSO.Existenusuarioscondiferentestiposdediscapacidadquepuedenexperimentardistintosproblemasdeaccesoyusodelcontenidodelaspáginasweb.
![Page 36: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/36.jpg)
4.6LAACCESIBILIDADESSÓLOPARALASPERSONASCONDISCAPACIDAD
FALSO.Aunquelaspersonascondiscapacidadpuedenserlosusuariosquemássebeneficienalaplicarlaaccesibilidadweb,enrealidadsebeneficiatodoelmundo,yaquetambiénayudaacualquierusuarioqueseencuentreencircunstanciasespecialescomopuedeserentornosconbajailuminación,ambientesruidosos,accesoaInternetconconexionesyequiposconcapacidadeslimitadas,etc.
![Page 37: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/37.jpg)
5BENEFICIOS
![Page 38: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/38.jpg)
5.1MEJORAELPOSICIONAMIENTOENBUSCADORES
Elcumplimientodelaspautas,tantoencódigocomoencontenidossemánticos(porejemplo,vínculosconsentido)permitealosbuscadoresunamejoridentificacióndeloscontenidos,yenconsecuencia,mayoresposibilidadesdeposicionamientoenlosmotoresdebúsqueda.
![Page 39: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/39.jpg)
5.2SEINCREMENTAELNÚMERODEPOTENCIALESVISITANTES
Laeliminacióndebarrerasdeentradaaunawebpermitesuperarlaslimitacionesdelusuario,captandonuevosusuarios.
![Page 40: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/40.jpg)
5.3AUMENTALAUSABILIDADDELAPÁGINASiseconsigueunapáginaaccesible,seaumentaconsiderablementelausabilidaddelamisma,nosóloalosdiscapacitadossinoatodos.
![Page 41: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/41.jpg)
5.4SECUMPLENLOSESTÁNDARESWEBEstoimplicaquenuestrapáginawebserávisionadacorrectamentedesdecualquiernavegador.
![Page 42: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/42.jpg)
5.5REDUCEELTIEMPODECARGADELASPÁGINASWEB
AlsepararelcontenidodelapresentaciónmedianteCSSselograreducireltamañodelaspáginasweb.
![Page 43: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/43.jpg)
5.6REDUCIMOSELCOSTEDEMANTENIMIENTOSeparareldiseñoycontenido,normalmentegeneramenoscódigomáslimpio,loquefavoreceráfuturasmodificacionesdelaweb.
![Page 44: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/44.jpg)
5.7DEMUESTRARESPONSABILIDADSOCIALLaeliminacióndebarrerasquedificultenelaccesoanuestrawebdemuestraunapreocupaciónyatenciónhaciatodoslosclientes,loqueayudaamejorarlaimagendenuestraempresa.
![Page 45: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/45.jpg)
5.8CUMPLIRLALEYEsunderechociudadanolaparticipaciónylanodiscriminaciónporrazóndediscapacidad.
![Page 46: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/46.jpg)
6PROBLEMASDISCAPACIDAD
![Page 47: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/47.jpg)
6.1VISUALImágenesoelementosmultimediasintextoalternativoTamañodeltextomuyreducidoInformaciónbasadaexclusivamenteenelcolorCombinacionesdecoloresconpococontraste
![Page 48: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/48.jpg)
6.2AUDITIVAAusenciadetranscripcionesdelaudioAusenciadesubtítulosenvídeosTextoslargosycomplejosAusenciadeimágenesquecomplementenlainformacióntextual
![Page 49: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/49.jpg)
6.3FÍSICAInterfacesdeusuarioquesólosepuedenutilizarconratónEnlacesycontrolesdeformulariomuypequeñosInterfacesdeusuarioquerequierenuncontrolmuyprecisoInterfacesdeusuariocontiemposderespuestaporpartedelusuariomuypequeños
![Page 50: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/50.jpg)
6.4COGNITIVAYNEUROLÓGICATextoslargosycomplejosAusenciadeimágenesquecomplementenlainformacióntextualAusenciadeunmapadelsitiowebAusenciadedescripcionesyayudasparainterpretarloscontrolesdeunformularioInconsistenciasentredistintaspáginasdeunmismositioweb
![Page 51: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/51.jpg)
6.5RELACIONADASCONELENVEJECIMIENTONormalmente,problemasrelacionadoscon:ladiscapacidadvisual,ladiscapacidadauditivayladiscapacidadfísica.
![Page 52: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/52.jpg)
6.6TECNOLÓGICASistemasoperativosantiguosNavegadoresalternativosAnchodebandadecomunicaciónporInternetbajoAusenciadeunpluginparareproducirciertoscontenidosDispositivodevisualizacióndepequeñotamaño.
![Page 53: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/53.jpg)
7¿CÓMONAVEGANLOSUSUARIOS?
![Page 54: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/54.jpg)
7.1CONCEGUERATOTALOVISIÓNMUYREDUCIDA
Utilizanlectoresdepantallaquelespermitenlautilizacióndelsistemaoperativoydelasdistintasaplicacionesdeunordenadormedianteelempleodeunsintetizadordevozque"leeyexplica"loquesevisualizaenlapantalladelordenador.
![Page 55: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/55.jpg)
7.2CONDEFICIENCIAVISUALOVISIÓNPARCIALRecurrenalaumentodeltamañodeltexto,empleancombinacionesdecoloresconunaltocontrasteoempleanmagnificadoresdepantallaquelespermitenvisualizarlapantallaconunconsiderableaumentoensutamaño.
![Page 56: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/56.jpg)
7.3CONCEGUERAALCOLOR(DALTONISMO)Nosuelenemplearningúntipodetecnologíadeapoyo.
![Page 57: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/57.jpg)
7.4CONSORDERATOTALODEFICIENCIAAUDITIVA
Nosuelenemplearningúntipodetecnologíadeapoyo.
![Page 58: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/58.jpg)
7.5CONDISCAPACIDADFÍSICAEmpleandiferentestiposdedispositivosadaptadossegúnelgradodemovilidadqueconserven:tecladosespeciales,conmutadores,sistemasdereconocimientodevoz,sistemasdereconocimientofacial,etc.
![Page 59: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/59.jpg)
7.6CONDISCAPACIDADCOGNITIVASuelenemplearnavegadoresaccesiblesquesimplificanlanavegación.
![Page 60: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/60.jpg)
8HARDWARE
![Page 61: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/61.jpg)
8.1APUNTADORCascoconunavarillametálica.Indicadoparapersonaspérdidademovilidadenlasextremidadessuperiores,peroconunbuencontroldelmovimientodelacabeza.
Apuntador.Fuente:accesibilidadweb.dlsi.ua.es
![Page 62: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/62.jpg)
8.2CONMUTADORESActivadosporpresión.Enlaimagenseapreciaparalaboca,peroloshayparaelpuño.
Conmutadorporsoplido.Fuente:ability-world.com
![Page 63: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/63.jpg)
8.3TECLADOSLoshayconteclasgrandes,conprotectoresparaimpedirlapulsaciónerrónea,conreguladoresderepetición,inclusodiseñadosparaunasolamano.
Teclado.Fuente:accesibilidadweb.dlsi.ua.es
![Page 64: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/64.jpg)
8.4WEBCAMSPermitenreconocerlosmovimientosdelacara.
Webcam.Fuente:accesibilidadweb.dlsi.ua.es
![Page 65: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/65.jpg)
8.5LÍNEASBRAILLEPermitenleerellenguajebraille.
Líneabraille.Fuente:accesibilidadweb.dlsi.ua.es
![Page 66: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/66.jpg)
8.6TECLADOSBRAILLEPermitenescribirellenguajebraille.
Tecladosbraille.Fuente:accesibilidadweb.dlsi.ua.es
![Page 67: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/67.jpg)
8.7LÍNEA+TECLADOPermitenleeryescribirellenguajebraille.
Líneabraillecontecladobraille.Fuente:accesibilidadweb.dlsi.ua.es
![Page 68: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/68.jpg)
8.8PDASBRAILLEPermitenescucharyescribir,puessontecladosbrailleconunlectordepantallas(envezdelalíneabraille)
PDAbraille.Fuente:accesibilidadweb.dlsi.ua.es
![Page 69: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/69.jpg)
9SOFTWARE
![Page 70: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/70.jpg)
9.1LECTORESDEPANTALLA(I)NVDA:GratuitoySoftwareLibre.ParaWindows.
ORCA:GratuitoySoftwareLibre.ParaLinux.
VoiceOver:VieneenlossistemasdeiOSyOSx.
http://www.nvda-project.org
https://wiki.gnome.org/action/show/Projects/Orca
https://www.apple.com/es/accessibility/ios/voiceoverhttps://www.apple.com/es/accessibility/osx/voiceover
![Page 71: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/71.jpg)
9.2LECTORESDEPANTALLA(II)Sedeberíaprobarlawebconalmenosestos3lectoresdepantalla.Elproblemaesquehayqueaprenderausarloslectoresdepantalla,yademáslosvidentesnolosusandelamismaformaquelosnovidentes.Aúnasíesunabuenapráctica.
![Page 72: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/72.jpg)
9.3MAGNIFICADORESDEPANTALLAVirtualMagnifyingGlass:GratuitoySoftwareLibre.Multiplataforma(Windows,Linux,FreeBSDandOSX)http://magnifier.sourceforge.net
![Page 73: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/73.jpg)
9.4TECLADOSVIRTUALESCasitodoslossistemasoperativosvienenhoyendíaequipadosconunsoftwaredeestetipo.
Onboardon-screenkeyboard.Fuente:asandiego
![Page 74: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/74.jpg)
10DESAFÍOSYSOLUCIONES
![Page 75: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/75.jpg)
10.1CEGUERA(I)Imágenes,fotos,gráficosinserviblesProveerdedescripcionesdetextoenelatributoalt,sifuesennecesariasexplicacionesmáslargas(tantoenlamismapáginacomoconunenlaceexterno).
![Page 76: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/76.jpg)
10.2CEGUERA(II)AlgunosusuariosavecesescuchanlawebCreaenlacesquepermitanalosusuariossaltarlosmenúsdenavegación,listasdeitems,arteASCIIyotroselementosquepuedandificultarohacertediosalaescucha.
![Page 77: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/77.jpg)
10.3CEGUERA(III)LosusuariosamenudosaltandeenlaceaenlaceconeltabuladorAsegúratequelosenlacestienensentido("clickea/pulsaaquí"esproblemático).
![Page 78: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/78.jpg)
10.4CEGUERA(IV)LosusuariosgeneralmentenoutilizanelratónNoescribasscriptsquenecesitenelusodelratón.Proveededealternativasporteclado(porejemplo,utilizaonFocusenvezdeonMouseover).
![Page 79: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/79.jpg)
10.5CEGUERA(V)PuedeserdifícilparalosusuariossaberdondeestáncuandoescuchanelcontenidodeunatablaProveedeencabezadosenlascolumnasylasfilasparalosdatosdelatabla(<th>).Evite,siesposible,filasocolumnasexpandidas.
![Page 80: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/80.jpg)
10.6CEGUERA(VI)LosgráficosylastablasdedatoscomplejasquesoninterpretadosvisualmentesoninserviblesRealiceresúmenesy/odescripcionesdetexto,preferiblementeenlamismapágina,oenlaceconotrapáginacomoalternativa.
![Page 81: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/81.jpg)
10.7CEGUERA(VII)Losmarcosnopuedenservistos.Debemosaccederaellosporseparado,porloqueconllevadesorientaciónNousesmarcosanoserqueseainevitable.Silousas,utilicetítulosenelmarcoparareflejarsuproposito.(Porejemplo,"marcodenavegación","contenidoprincipal").
![Page 82: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/82.jpg)
10.8CEGUERA(VIII)LoscoloressoninútilesNoutiliceselcolorpararepresentarunsignificado.
![Page 83: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/83.jpg)
10.9CEGUERA(IX)LosusuariosesperanqueloslinkslesllevenaalgúnsitioNoescribasscriptsenlinksquenotenganundestinoverdaderoasociado(porejemplohref="javascript:function(this)").
![Page 84: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/84.jpg)
10.10CEGUERA(X)LoslectoresdepantallaleenelcontenidoenelordenqueapareceenelcódigoAsegúratequelosCSScomplejosolosdiseñosmaquetadoscontablasseleencorrectamente,tantovisualmentecomoenelcódigo.
![Page 85: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/85.jpg)
10.11CEGUERA(XI)HayquiennopuedevervideosDispongadedescripcionesauditivasdeloshechosdelvideoquenopuedanserinterpretadosporelaudiodeeste.(porejemploqueunnarradordescribalasaccionesenlosvideos,enlosquenohayadiálogo).
![Page 86: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/86.jpg)
10.12CEGUERACROMÁTICAColoresconuncontrastesimilaramenudosonindistinguiblesAsegúratequetienenuncontrastesuficiente.Noutilicessoloelcolorpararepresentarunsignificado.
![Page 87: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/87.jpg)
10.13PROBLEMASVISUALES(I)AmenudolosusuariosutilizanampliadoresdepantallaParareducireltotaldeldesplazamientohorizontal,utilizaunidadesrelativasenvezdeabsolutas(porejemplo,usaporcentajesparaelanchodelastablas,envezdepíxeles).
![Page 88: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/88.jpg)
10.14PROBLEMASVISUALES(II)Eltextoengráficosnoseamplíasinunsoftwareespecial,ysevepixeladocuandoseamplíaLímitaoeliminaeltextodentrodegráficos.Usaanti-aliasingparaconseguiruntextoclaroylegible.
![Page 89: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/89.jpg)
10.15SORDERAElaudioesinútilProveedetranscripcionesparaelaudio.Proveedesubtítulossincronizadosparalosvídeos.
![Page 90: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/90.jpg)
10.16DISCAPACIDADESMOTORAS(I)LosusuariospuedequenoseancapacesdeutilizarelratónAsegúratequetodaslasfuncionesestándisponiblesdesdeelteclado(intentaqueconeltabuladorsaltedeenlaceaenlace).Asegúratequeelordeneslógico.
![Page 91: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/91.jpg)
10.17DISCAPACIDADESMOTORAS(II)Losusuariosqueutilizantecnologíasdesopladoyaspirado,osimilarespuedenfatigarseProporcionaunmétodoparasaltarlistaslargasoenlacesredundantesuotroscontenidostediosos.
![Page 92: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/92.jpg)
10.18DISCAPACIDADESMOTORAS(III)LosusuariosutilizansoftwareactivadoporvozElsoftwaredereconocimientodevozgeneralmentenopuedereplicarelmovimientodelratóndeunamaneratanefectivacomoconelusodelteclado,asíqueasegúratequetodaslasfuncionesestándisponiblesdesdeelteclado.
![Page 93: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/93.jpg)
10.19DISCAPACIDADESCOGNITIVAS(I)LosusuariospuedenconfundirsecondiseñosconfusososistemasdenavegacióninconsistentesSimplificaeldiseñotantocomoseaposible.Manténlossistemasdenavegacióntanconsistentescomopuedas.
![Page 94: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/94.jpg)
10.20DISCAPACIDADESCOGNITIVAS(II)LosusuariospuedentenerdificultadesdeconcentraciónocomprensiónconpárrafoslargosDondeseaapropiado,agrupalainformacióndebajodeencabezadoslógicos.Organizalainformaciónen"trozos"manejables.
![Page 95: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/95.jpg)
10.21DISCAPACIDADESCOGNITIVAS(III)UnsolométodopuedenosersuficienteDondeseanecesario,agregailustracionesuotromedioaltexto,yviceversa.
![Page 96: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/96.jpg)
11PRINCIPIOSCLAVES
![Page 97: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/97.jpg)
11.1PROPORCIONAUNTEXTOALTERNATIVOADECUADO
Eltextoalternativoproporcionaunaalternativatextualaloscontenidosquenosontextoenlaspáginasweb.Esespecialmenteútilparalaspersonasquesonciegasydependendeunlectordepantallaparaaccederalcontenidodeunsitioweb.
![Page 98: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/98.jpg)
11.2PROPORCIONAENCABEZADOSPARALASTABLASDEDATOS
Lastablasqueseutilizanparaorganizardatostabuladosdebentenerencabezadosadecuados(elelemento<th>).Lasceldasdedatosdebenestarasociadasconsuscabecerasadecuadas,loquehacequeseamásfácilparalosusuariosdelectoresdepantallanavegaryentenderlastablasdedatos.
![Page 99: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/99.jpg)
11.3GARANTIZAQUELOSUSUARIOSPUEDENCOMPLETARYENVIARTODOSLOSFORMULARIOSAsegúratedequecadaelementodeunformulariotieneasociadaunaetiqueta<label>.Además,asegúratedequepuedeenviarelformularioyrecuperarsedecualquiererror.
![Page 100: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/100.jpg)
11.4ASEGURAQUELOSENLACESTENGANSENTIDOFUERADECONTEXTO
Cadaenlacedebetenersentidosieltextodelenlaceesleídodeformaaislada.Losusuariosdelectoresdepantallapuedenoptarporleersólolosenlacesdeunapáginaweb.Ciertasfrases,como"hagaclicaquí"y"más",debenserevitadas.
![Page 101: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/101.jpg)
11.5SUBTITULAY/OPROPORCIONATRANSCRIPCIONES
Losvídeosdebentenersubtítulosyelaudiotranscripción.Estoesespecialmenteútilparapersonascondiscapacidadauditiva,peronosóloparaaellas,puesacualquierpersonalepuedeinteresartenerlossubtítulosdeunvídeoolatranscripcióndeunaudio,comoporejemploparapodertraducirloaotroidioma.
![Page 102: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/102.jpg)
11.6GARANTIZALAACCESIBILIDADDELCONTENIDOQUENOSEAHTML
LosdocumentosPDFyotroscontenidosquenosonHTMLdebenserlomásaccesibleposible.Sinopuedeshacerloaccesible,consideraelusodeHTMLensulugaro,almenos,ofreceunaalternativaaccesible.
![Page 103: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/103.jpg)
11.7PERMITEALOSUSUARIOSSALTARLOSELEMENTOSREPETITIVOS
Proporcionaunmétodo(porejemplounenlace"Saltaralcontenido"enlapartesuperiordelapágina)quepermitasaltarselanavegaciónuotroselementosqueserepitenencadapágina.Suelesermolestocuandosenavegaconunlectordepantallaquecadavezqueserecargaunapáginavuelvearepetirdenuevolacabeceraquesueleseridéntica.
![Page 104: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/104.jpg)
11.8NOCONFÍESÚNICAMENTEENELCOLORPARATRANSMITIRELSIGNIFICADO
Elusodelcolorpuedemejorarlacomprensión,peronousessóloelcolorparatransmitirinformación.Esainformaciónpuedenoestardisponibleparaunapersonaqueesdaltónicaynoestarádisponibleparausuariosdelectoresdepantalla.
![Page 105: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/105.jpg)
11.9ASEGÚRATEDEQUEELCONTENIDOESTÁCLARAMENTEESCRITOYESFÁCILDELEER
Escribeconclaridad,utilizatiposdeletrasevidentes,yemplealosencabezadosylaslistasadecuadamente.
![Page 106: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/106.jpg)
11.10HAZACCESIBLEELJAVASCRIPTAsegúratedequeloscontroladoresdeeventosdeJavaScriptsonindependientesdeldispositivo(porejemplo,quenorequierenelusodeunratón).
![Page 107: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/107.jpg)
11.11DISEÑASEGÚNLASNORMASElHTMLválidoylaspáginasaccesiblessonmásrobustasyproporcionanunmejorposicionamientoenlosmotoresdebúsqueda.ElCascadingStyleSheets(CSS)permitesepararelcontenidodelapresentación.
![Page 108: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/108.jpg)
12IMÁGENESYANIMACIONES
![Page 109: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/109.jpg)
12.1USEELATRIBUTOALTParadescribirlafuncióndecadaelementovisual(IMG,AREA,APPLETeINPUT).
![Page 110: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/110.jpg)
12.2AUDAALOSUSUARIOSEltextoalternativoayudaalosusuarios:quenotenganterminalesgráficas,cuyosnavegadoresnosoportenformularios,condiscapacidadesvisuales,queutilicensintetizadoresdevoz,quehayanconfiguradosusagentesdeusuarioparanomostrarimágenes,etc.
![Page 111: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/111.jpg)
12.3NOESPECIFICARTEXTOALTERNATIVO(I)cuandolasimágenessólosirvenparadarformatoaunapágina,porejemplo,alt="bolaroja"paraunaimagenqueañadeunabolarojaparadecoraruntítuloounpárrafo;entalescasos,eltextoalternativodeberíaserlacadenavacía("").
![Page 112: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/112.jpg)
12.4NOESPECIFICARTEXTOALTERNATIVO(II)cuandoeltextocarezcadesignificado(p.ej.,"rellenoquequedabonito"),puesestonosolamentefrustraráalosusuarios,sinoqueralentizaráalosagentesdeusuarioquedebanconvertirtextoasalidaporvozoBraille.
![Page 113: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/113.jpg)
12.5EJEMPLODEPÁGINACONIMÁGENES
Ejemplodepáginaconimágenes.
![Page 114: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/114.jpg)
12.6MALUSODEALT(I)Malusodealtcuandodescribeimagenenvezdesufunción<ahref="anterior.html"><imgsrc="./img/flecha-izq.gif"alt="Flecharojaizquierda"></a><ahref="indice.html">Índice</a><ahref="siguiente.html"><imgsrc="./img/flecha-der.gif"alt="Flecharojaderecha"></a>
![Page 115: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/115.jpg)
12.7MALUSODEALT(II)Malusodealtcuandoseusaenimágenesdecorativas<ahref="unete.html"><imgsrc="./img/logo.png"alt="Únete"/>Únete</a>
![Page 116: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/116.jpg)
12.8MALUSODEALT(III)Malusodealtcuandonoaportanadaútil
<p>Teléfonodecontacto:<imgsrc="./img/telefono.gif"alt="Teléfonodecontacto"/></p>
![Page 117: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/117.jpg)
12.9FANGSMALEnFangsnosevisionacorrectamente
ResultadodeFangsmal.
![Page 118: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/118.jpg)
12.10PROBLEMASEnestapáginaexistenvariosproblemas:Eltextoalternativoquetienenlasflechasdescribelasimágenes,peronoindicasufunción.Lasimágenesdecorativasdelaslistasrepitenladescripcióndelenlace.Laimagenquecontieneunnúmerodeteléfonotieneuntextoalternativoquenoesnadaútil.
![Page 119: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/119.jpg)
12.11SOLUCIONESParaqueestápáginaseaaccesibleexistenlassiguientessoluciones:Eltextoalternativodelasflechaspasaaindicarsufunción:"Anterior"y"Siguiente".Eltextoalternativodelasimágenesdecorativasdelaslistaslodejamosvacío.Eltextoalternativodelaimagenconunnúmerodeteléfonolohacemosútilindicandoelnúmerodeteléfono.
![Page 120: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/120.jpg)
12.12BUENUSODEALT(I)Buenusodealtcuandodescribelafuncióndeunaimagen<ahref="anterior.html"><imgsrc="./img/flecha-izq.gif"alt="Anterior"></a><ahref="indice.html">Índice</a><ahref="siguiente.html"><imgsrc="./img/flecha-der.gif"alt="Siguiente"></a>
![Page 121: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/121.jpg)
12.13BUENUSODEALT(II)Buenusodealtcuandoestávacíoenimágenesdecorativas<ahref="unete.html"><imgsrc="./img/logo.png"alt=""/>Únete</a>
![Page 122: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/122.jpg)
12.14BUENUSODEALT(III)Buenusodealtcuandoeltextoesútil
<p>Teléfonodecontacto:<imgsrc="./img/telefono.gif"alt="999123456"/></p>
![Page 123: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/123.jpg)
12.15FANGSMEJORYahoraenFangssevisionamejor...
ResultadodeFangsbien.
![Page 124: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/124.jpg)
12.16PROBLEMASMENORESEnFangsapareceunproblemanuevo:cuandounaimagennotienetextoalternativomuestraelvalordelatributosrc.Enlamayoríadeloscasos,estevalornoesmuyútil,yaquesueleincluirnombresdedirectoriosyelnombredelfichero.
![Page 125: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/125.jpg)
12.17IMÁGENESDECORATIVAS(I)LomejoresnoincluirlasimágenesdecorativasenelHTML<ul><li><ahref="unete.html">Únete</a></li>
![Page 126: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/126.jpg)
12.18IMÁGENESDECORATIVAS(II)LomejoresemplearCSSparasuinclusión.
ul{list-style-image:url(./img/logo.png);}
![Page 127: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/127.jpg)
12.19IMÁGENESCONTEXTO(I)Lomejoresnousarimágenesparamostrartextossinousartextosdirectamente.Teléfonodecontacto:<strong>999123456</strong>
![Page 128: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/128.jpg)
12.20IMÁGENESCONTEXTO(II)LomejoresdecorareltextoconCSS.
strong{font-size:2em}
![Page 129: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/129.jpg)
12.21FANGSMEJORYahoraenFangssevisionamuchomejor...
ResultadodeFangsrebien.
![Page 130: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/130.jpg)
13MAPASDEIMAGEN
![Page 131: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/131.jpg)
13.1¿QUÉSON?Losmapasdeimágenespermitenalosautoresespecificarregionesenunaimagenuobjetoyasignarunaacciónespecíficaacadaregión.
![Page 132: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/132.jpg)
13.2TEXTOALTERNATIVOParaqueseaaccesible,setienequeproporcionaruntextoalternativoconaltparacadaetiqueta<area>.Comocadazonaactivarealizalamismafunciónqueunenlace,eltextoalternativotienequesereficaz,ytienequetenersentidocuandoseleafueradecontexto.
![Page 133: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/133.jpg)
13.3EJEMPLOREGULARNoutilizalaetiqueta<object>
<imgsrc="img.png"usemap="#map1"><mapname="map1"id="map1"><areahref="index.html"alt="Inicio">
![Page 134: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/134.jpg)
13.4VISUALIZACIÓNMALAsíFangsnomuestranada.
ResultadodeFangsmal.
![Page 135: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/135.jpg)
13.5EJEMPLOBIENUutilizalaetiqueta<object>
<objectdata="img.png"type="image/jpg"usemap="#map1"><mapname="map1"id="map1"><p>Navegarporestesitio:<ahref="index.html">Inicio</a>
![Page 136: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/136.jpg)
13.6VISUALIZACIÓNBIENEnFangsahorasevecorrectamente:
ResultadodeFangbien.
![Page 137: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/137.jpg)
14MULTIMEDIA
![Page 138: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/138.jpg)
14.1POCOACCESIBLESLoselementosmultimediapuedenocasionarproblemasdeaccesibilidad,yanosóloalaspersonasconalgúntipodediscapacidad,sinoatodoelmundoengeneral,pues,aunquecadavemenos,enmuchoscasos,requierenlainstalacióndeplug-in.
![Page 139: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/139.jpg)
14.2TRANSCRIPCIÓNYSUBTÍTULOSSetienequeproporcionarunatranscripcióndelosdiálogosyunadescripcióndelossonidos.Enelcasodelosvídeostambiénsetienequeproporcionarunadescripcióndelvídeoensí(delaimagen).
![Page 140: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/140.jpg)
14.3YOUTUBE(I)Aprincipiosde2010,YouTubeempezóaofrecerunsistemaparalainclusióndesubtítulosdeformaautomática.Además,cualquierapuedecrearunficherodesubtítulosysubirloaYouTubeparaqueseaempleado.
![Page 141: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/141.jpg)
14.4YOUTUBE(II)EnYouTube,sepuedeemplear"Filtros"debúsquedaparaindicarquesequierebuscarvídeosquetengansubtítulos.
OpcionesdebúsquedaenYouTube.
![Page 142: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/142.jpg)
14.5YOUTUBE(III)Losvídeosquetienensubtítulosaparecenenlosresultadosdeunabúsquedaconelmarcador"CC"(deltérminoinglés"ClosedCaptions"quesignifica"SubtítulosCerrados")
![Page 143: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/143.jpg)
14.6YOUTUBE(IV)Lossubtítulosaparecensobreimpresossobreelvídeo.
EjemplodevisualizacióndesubtítulosenYouTube.
![Page 144: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/144.jpg)
14.7YOUTUBE(V)Pinchandoeneliconodesubtítulospodemosactivarlosydesactivarlos.Además,nospermiteconfiguraralgunosparámetrosdevisualizacióndelossubtítulos,comoeltipodeletra,eltamañodeletrayelmásimportante,elidiomadelossubtítulos.
![Page 145: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/145.jpg)
14.8YOUTUBE(VI)YouTubepermiteañadirsubtítulosendiferentesidiomas,ytambiénpermiteemplearunserviciodetraducciónautomáticadelossubtítulos.
Subtítulostraducidosdeformaautomáticaen
![Page 146: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/146.jpg)
15ENLACES
![Page 147: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/147.jpg)
15.1FUERADECONTEXTOAlgunosnavegadoresyalgunosprogramasdeayudapermitenmostrarlalistadeenlacesdeunapáginaweb.Paraqueelenlacetengasentidoenesalistadeenlaces,eltextodelenlacetienequetenersentidofueradesucontexto.
![Page 148: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/148.jpg)
15.2EVITAR"PINCHAAQUÍ"Intentaevitarlosenlacestipo"Pinchaaquí":
Evitarlosenlacestipo"Pinchaaquí"
![Page 149: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/149.jpg)
15.3EJEMPLOMAL<p>Estabamosdesayunandocuandoderepentesucedió.<ahref="noticia-hija-mayor.html">Másinformación.</a></p>
![Page 150: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/150.jpg)
15.4EJEMPLOBIEN(HTML)<p>Estabamosdesayunandocuandoderepentesucedió.<ahref="noticia-hija-mayor.html">Másinformación<span>sobrelanoticiatitulada"Amihijamayorselehacaídosuprimerdiente"</span>.</a></p>
![Page 151: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/151.jpg)
15.5EJEMPLOBIEN(CSS)span{position:absolute;left:-9999em;width:1px;overflow:hidden;}
![Page 152: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/152.jpg)
15.6EJEMPLOREBIEN
Enlacestipo"Pinchaaquí"accesibles
![Page 153: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/153.jpg)
15.7EJEMPLOREBIEN(HTML)<p>Estabamosdesayunandocuandoderepentesucedió.<ahref="noticia-hija-mayor.html">Másinformación<span>sobrelanoticiatitulada"Amihijamayorselehacaídosuprimerdiente"</span>.</a></p>
![Page 154: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/154.jpg)
15.8EJEMPLOREBIEN(CSS)a:hover,a:focus,a:active{position:relative;}a:hoverspan,a:focusspan,a:activespan{left:20px;top:20px;width:100px;}a:hoverspan:before,a:focusspan:before,a:activespan:before{content:"Masinformacion";}
![Page 155: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/155.jpg)
15.9TAMAÑOAsegúratequelosenlacessonlosuficientegrandesparaqueseafácilhacerclickenellos.
![Page 156: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/156.jpg)
15.10IMPORTANCIAPRIMERENLACEElprimerenlacevaallevarselamayorpartedelaatencióndellectoryelmayorporcentajedeclicks.Eligetuprimerenlacecuidadosamente.Empiezaporloimportanteynolomalgastesenunatrivialidad.
![Page 157: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/157.jpg)
15.11NOENLACESTODOUsardemasiadosenlaceshaceeltextodifícildeleeryademásdevalúaelvalordelosenlacesimportantes.Dedicaalgodetiempoapensarquéeslomásimportantequeestásescribiendoyquépuedetenersentidoenlazar.
![Page 158: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/158.jpg)
15.12NOREPITASLOSENLACESSiutilizasporprimeravezalgúntérminooconceptonuevopuedesenlazaraalgunaenciclopediaodiccionarioparaqueellectorencuentremásinformaciónsinosabedequéhablas,perohazlosólolaprimeravez,nocadavezqueseencuentreeltérminoenlapágina.
![Page 159: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/159.jpg)
15.13MISMOIDIOMAPÁGINAIntentaenlazarenelmismoidiomadelapágina,ysitienesquehacerlo,ynoesobvio,indicaelidiomadelenlaceentreparéntesis.
![Page 160: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/160.jpg)
15.14COMPORTAMIENTOESTÁNDARNoaltereselcomportamientodelosenlaces,comoporejemploponerprevisualizacionesdelapáginaqueenlazacuandosepasaelratónporencima.
![Page 161: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/161.jpg)
15.15COPIARYPEGARNoenlacescosasqueelusuariopuedequererseleccionarycopiar,puesesbastantedifícilhacerlo,inclusoparaunapersonaexpertaysindiscapacidad.
![Page 162: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/162.jpg)
15.16CONTENIDOINDEPENDIENTENohagaselcontenidodependientedelosenlacesparafuncionar.Esimportanteofrecerelcontextonecesarioparahacerelcontenidoentendiblesinlanecesidaddevisitartodoloqueestádetrásdelosenlaces.
![Page 163: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/163.jpg)
15.17LOSENLACESSONENLACESDalesunestilodistintivoquenopuedaserconfundidoconningúnotroelementootextodelapágina.Usauncolorúniconousadoenningunaotrapartedelapáginayconsiderausarlaconvencióndeunenlacesubrayado.Usaelmismodiseñoparatodoslosenlacesdelsite.
![Page 164: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/164.jpg)
15.18NOOFUSQUESTUSURLSLosusuariospuedenquererverpreviamentedóndevanaserenviadoscontuenlaceponiendoelratónencimayviendolaURLenlabarradeestado.EvitautilizarredireccionesyserviciosacortadoresdeURLsquehacenlaURLtotalmenteopaca.
![Page 165: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/165.jpg)
15.19COMPRUEBALOSENLACESVisítalosantesdeenlazar,copiacorrectamentelaURLyunavezpublicadorecuerdapulsarlosparacomprobarquefuncionancorrectamente.NohaynadamásfrustranteenlaRedqueunenlacemalpuestooestropeado.
![Page 166: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/166.jpg)
16ORGANIZACIÓNDELASPÁGINAS
![Page 167: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/167.jpg)
16.1ELEMENTOSESTRUCTURALESLaspáginaswebtienenqueestarcorrectamenteestructuradas.Paraello,setienenqueemplearlasetiquetasdeHTMLquedefinenlaestructuradeunapágina,comoson:<title>,<h1>,<h2>,...,<ul>,<ol>,<p>,<blockquote>.
![Page 168: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/168.jpg)
16.2TITLE(I)Todapáginawebdebeteneruntítulodescriptivoperoalavezbrevedefinidoconlaetiqueta<title>queresumaelcontenidoolafuncióndelapágina.Esconvenienteincluirelnombredelsitiowebparadefinirelcontextodelapágina.
![Page 169: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/169.jpg)
16.3TITLE(II)Eltítulodelapáginaseemplea:enlosmarcadoresdelosnavegadores,enlosresultadosquemuestranlosbuscadores,ysuelesereltextoquesecomparteenlasredessociales.
![Page 170: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/170.jpg)
16.4TITLE(III)Eltítulodelapáginaesloprimeroqueleenloslectoresdepantalla.Comoseleeentodaslaspáginas,debesercortoynodebeserelmismoentodaslaspáginas.
![Page 171: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/171.jpg)
16.5ENCABEZADOS(I)Elcontenidodelaspáginassetienequeestructurarconlasetiquetasdeencabezado<h1>,<h2>,...
![Page 172: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/172.jpg)
16.6ENCABEZADOS(II)Lamayoríadeloslectoresdepantallayalgunosnavegadorespermitenalusuariodesplazarsedentrodeunapáginaweb"saltando"deunencabezadoaotroencabezado,lopermitellegardeunaformamásrápidaalainformaciónquesebusca.
![Page 173: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/173.jpg)
16.7ENCABEZADOS(III)Utilizaunúnicoencabezado<h1>paraeltítuloprincipaldelapáginaweb.Utilizadiferentesencabezados<h2>paracadaapartadoprincipaldelapágina.Empleaelrestodeencabezados(<h3>...<6>)paraañadirmayorniveldedetalleenlaestructuradelapágina.
![Page 174: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/174.jpg)
16.8ENCABEZADOS(IV)Seconsistenteenelusodelosencabezados:porejemplo,nopasesde<h2>a<h4>sinutilizar<h3>.
![Page 175: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/175.jpg)
16.9ENCABEZADOS(V)Sinoquieresqueseveanlosencabezadosenunnavegadorvisual,utilizaCSSparaesconderlos.Paraello,noutilicesdisplay:none;sinodesplazaelencabezadofueradeláreadevisualizaciónconposicionamientoabsoluto,porejemplo,position:absolute;top:-500px;.
![Page 176: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/176.jpg)
16.10MAQUETACIÓN(I)Muchosdesarrolladoresdepáginaswebempleanlasetiquetas<div>y<span>paradefinirencabezadosdesecciónyestructurarelcontenido,sinembargo,estasetiquetas<div>y<span>noproporcionancontenidosemántico,porloquesedebeevitarsuuso.
![Page 177: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/177.jpg)
16.11MAQUETACIÓN(II)Enunapáginawebnuncasedebenutilizarlastablasparamaquetar,yaquesuponenungraveproblemadeaccesibilidad.
![Page 178: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/178.jpg)
16.12HTML5Sinperderdevistatodolomencionadoanteriormente,sepuedenempezarausarlasnuevasetiquetassemánticasyestructuralesdeHTML5:<header>,<hgroup>,<nav>,<article>,<aside>o<footer>.
![Page 179: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/179.jpg)
16.13HEADER(I)Laetiqueta<header>seusaparamarcarungrupodeelementosdeintroducciónodenavegacióndentrodeunasecciónodocumento.
![Page 180: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/180.jpg)
16.14HEADER(II)Elusodelaetiqueta<header>noestárestringidoaunapordocumento:<header><h1>Títulodeldocumento</h1><p>Másinformación</p></header><article><header><h2>Títulodelartículo</h2><p>Autordelartículo</p></header><p>Textodelartículo</p></article>
![Page 181: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/181.jpg)
16.15HEADER(III)Sisólotenemosunelementonoesnecesariousarestaetiqueta:<article><header><h1>Títulodelartículo</h1></header><p>Textodelartículo</p></article>
![Page 182: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/182.jpg)
16.16HEADER(IV)Seríamáscorrectodeestaforma:
<article><h1>Títulodelartículo</h1><p>Textodelartículo</p></article>
![Page 183: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/183.jpg)
16.17HGROUP(I)Laetiqueta<hgroup>seusaparaagruparunconjuntodeelementosdeencabezado(<h1>–<h6>).Elusomástípicodeestaetiquetaesparaagrupareltítulodelapáginaconsueslogan.
![Page 184: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/184.jpg)
16.18HGROUP(II)AntesdeHTML5lomástípicoeraqueestetipodeestructurasemarcaseasí:<divid="header"><h1>Nombredelaempresa</h1><p>Eslogandelaempresa</p></div><divid="content"><h2>Noticia1</h2><p>Desarrollodelanoticia1</p><h2>Noticia2</h2><p>Desarrollodelanoticia2</p></div>
![Page 185: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/185.jpg)
16.19HGROUP(III)Estetipodeestructuradejabaelesloganalniveldecualquierotrotextodelaweb,cuandoesevidentequeesuntextomásimportante.Marcarloconun<h2>noeracorrectoyaquecrearíaunanuevasecciónqueenrealidadnoexiste.
![Page 186: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/186.jpg)
16.20HGROUP(IV)ConHTML5podemosusar<hgroup>paradarlelaimportanciaquerealmentetiene,asociándoloaltítulo:<hgroup><h1>Nombredelaempresa</h1><h2>Eslogandelaempresa</h2></hgroup><article><h2>Noticia1</h2><p>Textodelartículo</p></article>
![Page 187: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/187.jpg)
16.21NAVLaetiqueta<nav>seusaparamarcarlanavegacióndelapáginaweb.Estaetiquetanodebeserusadaparamarcartodoslosgruposdeenlaces,únicamentelosbloquesprincipalesdenavegaciónporlapágina.
![Page 188: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/188.jpg)
16.22ARTICLELaetiqueta<article>seusaparamarcarcontenidoindependientequetendríasentidofueradelcontextodelapáginaactualyquepodríasindicarse,porejemplo:unanoticia,unartículoenunblogouncomentario.Normalmenteun<article>podráademástenerdesupropiocontenido,tambiénunacabecera(<header>)yposiblementeunpie(<footer>).
![Page 189: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/189.jpg)
16.23SECTIONLaetiqueta<section>seusaparamarcarunaseccióngenéricadeundocumentooaplicación,típicamenteconunencabezado(<header>).Sólosedeberíausar<section>paracontenidoindependientealquesepodríaponerunencabezadoyquenoseasusceptibledeirmarcadocon<article>,<aside>o<nav>.
![Page 190: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/190.jpg)
16.24ARTICLEVSSECTIONEjemplotípicodelusode<section>y<article>:<h1>Nombredelaempresa</h1><sectionid="news-list"><h2>Noticias</h2><article><h3>Noticia1</h3><p>Desarrollodelanoticia1</p></article><article><h3>Noticia2</h3><p>Desarrollodelanoticia2</p></article></section>
![Page 191: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/191.jpg)
16.25ASIDELaetiqueta<aside>seusaparamarcaruntrozodecontenidoqueestárelacionadoconelcontenidodelapáginaweb,peroquenoespartedelmismo.Ejemplosdeusoserían:glosariodetérminos,gruposdeenlacesapáginasrelacionadas,barraslaterales,...
![Page 192: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/192.jpg)
16.26FOOTERLaetiqueta<footer>seusaparamarcarelpiedeunasecciónodocumentoyquecontieneinformaciónsobreelmismocomoelautor,licencia,términosdeuso,...
![Page 193: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/193.jpg)
17FIGURASYDIAGRAMAS
![Page 194: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/194.jpg)
17.1LONGDESC(I)Cuandoseutilizanimágenesenunaweblaprácticahabitualesdarlesuntextoalternativomedianteelatributoalt,odejarvacíodichoatributoenelcasodequelafuncióndelaimagenseameramentedecorativa.Peronospodemosencontrarconelcasodetenerunaimagenalaquehayaqueasociarleuntextoalternativo,perodichotextoseaexcesivamentelargo,paraesasocasionesestáelatributolongdesc.
![Page 195: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/195.jpg)
17.2LONGDESC(II)ElatributolongdeschadesersiempreunaURLquelleveaunadescripcióndelaimagen,enlamismaoenotrapágina.SepuededarunaURLexternao,comoenelejemploexpuestomásadelante,unmarcadordepágina.
![Page 196: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/196.jpg)
17.3LONGDESC(III)SinosequieremostrarladescripciónlargasepuedeesconderconCSS,peroparaello,nousardisplay:none;sinodesplazarelelementofueradeláreadevisualizaciónconposicionamientoabsoluto,porejemplo,position:absolute;left:-9999em;.
![Page 197: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/197.jpg)
17.4EJEMPLOMAL<imgsrc="./img/disenio-centrado-usuario.png"alt="DiagramadeDiseñoCentradoenelUsuario">
![Page 198: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/198.jpg)
17.5EJEMPLOBIEN(HTML)<imgsrc="./img/disenio-centrado-usuario.png"alt="DiagramadeDiseñoCentradoenelUsuario"longdesc="#descripcion1"><spanid="descripcion1">ElDiseñoCentradoenelusuariotienevariasfases:planificación,diseño,prototipado,evaluación,implementaciónylanzamiento,mantenimientoyseguimiento</span>
![Page 199: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/199.jpg)
17.6EJEMPLOBIEN(CSS)span{position:absolute;left:-9999em;width:1px;overflow:hidden;}
![Page 200: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/200.jpg)
18SCRIPTS
![Page 201: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/201.jpg)
18.1POCOACCESIBLES(I)AlgunosdelosnavegadoresqueempleanlaspersonasdiscapacitadasnosoncapacesdeinterpretarelcódigodeJavaScriptoalgunoselementosmultimediacomoappletsuobjetosquerequierendeunplug-in.
![Page 202: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/202.jpg)
18.2POCOACCESIBLES(II)Porreglageneral,elHTMLDinámiconofuncionaráconunnavegadornovisualynoseráaccesible.LasolucióneslograrqueunapáginawebfuncionecorrectamentesinnecesidaddetenerqueejecutarelcódigoJavaScript.
![Page 203: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/203.jpg)
18.3GRACEFULDEGRADATIONSecreaunapáginawebparalosúltimosnavegadores,conlaposibilidaddequefuncioneennavegadoresantiguos.
Gracefuldegradation
![Page 204: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/204.jpg)
18.4PROGRESSIVEENHANCEMENTSepartedeunaversiónbásicacompletamenteoperativa,conlaposibilidaddeirañadiendomejorasparalosúltimosnavegadores.Eslaopciónmásutilizadahoyendía.
Progressiveenhancement
![Page 205: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/205.jpg)
18.5CAPAS(I)Unapáginawebsepuedeconstruirmediantecapas:Capadecontenido:laestructurayelcontenidoconetiquetasdeXHTML.Capadepresentación:lapresentacióndelcontenidodefinidaconCSS.Capadecomportamiento:elcomportamientodelcontenido(porejemplo,larespuestaanteunaaccióndelusuario)definidoconJavaScript.
![Page 206: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/206.jpg)
18.6CAPAS(II)Separarcontenido(HTML),depresentación(CSS),decomportamiento(Javascript)
Separacióndecontenido,presentaciónycomportamiento
![Page 207: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/207.jpg)
18.7CAPAS(III)Conundiseñobasadoencapaslogramos:reducirelacomplamientoentrelosdistintoscomponentes(contenido,presentaciónycomportamiento),disminuimosloserrores,reducciónenloscostesdemantenimiento,etc.
![Page 208: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/208.jpg)
18.8EVENTOSJSAsignarcódigoJavaScriptaunmanejadordeeventosconelsiguientecódigo:elemento.evento=acccion;
![Page 209: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/209.jpg)
18.9SELECCIÓNJSSeleccionarelementosdelapáginawebmedianteJavaScript:getElementById(id):seleccionaelelementoindicadoporelid.getElementsByTagName(etiqueta):seleccionaloselementosportipodeetiquetasquerySelector(selectors):seleccionaelprimerelementoseleccionadoquerySelectorAll(selectors):seleccionaloselementosseleccionadosgetAttribute(atributo):paraseleccionarlosatributodeunelemento
![Page 210: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/210.jpg)
18.10EJEMPLOMAL<ahref=""onclick="alert('HolaMundo')">Pinchaparaverun"HolaMundo"enJavascript</a>
![Page 211: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/211.jpg)
18.11EJEMPLOBIEN(HTML)<ahref="">Pinchaparaverun"HolaMundo"enJavascript</a>
![Page 212: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/212.jpg)
18.12EJEMPLOBIEN(JS)window.onload=function(){varlink=document.querySelector("a");link.onclick=function(){alert("HolaMundo");}}
![Page 213: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/213.jpg)
19FRAMES
![Page 214: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/214.jpg)
19.1POCOACCESIBLESLosframessonunelementodelHTMLquesiemprehancausadoproblemas.nosepuedeenlazaraunacombinaciónparticulardemarcos,nosellevanbienconlosbuscadores,sepuedellegaraunasituacióndemúltiplesmarcosanidados,etc.
![Page 215: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/215.jpg)
19.2EVITARUSODecaraalograrlamáximaaccesibilidadposible,esmejorevitarelusodemarcos.Hoyendía,existendiferentestécnicasparaincluirautomáticamenteunelemento,comounmenúdenavegaciónounpiedepáginaenunlugardeterminadodetodaslaspáginas,conloqueseconsiguelamismafunciónqueconelusodemarcosperosinsusinconvenientes.
![Page 216: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/216.jpg)
20TABLAS
![Page 217: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/217.jpg)
20.1DIFÍCILESDEENTENDERUnatabladedatosesmuydifícildeentendersisólosepuedeverundatoaisladocadavez,queeselproblemaquesufrenlosusuariosqueempleannavegadoresnovisuales.Paraevitaresteproblema,setienenqueetiquetarcorrectamentelastablas.
![Page 218: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/218.jpg)
20.2CAPTIONPoneruntítuloqueproporcioneunadescripciónbreveenlaetiqueta<caption>,justodespuésdelaetiqueta<table>.
![Page 219: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/219.jpg)
20.3SUMMARYPonerunresumenquecomplementealtítuloenelatributosummarydelaetiqueta<table>:conlaestructuradelatabla(númerodefílas,númerodecolumnas)conladescripcióndelosencabezamientosconlarelaciónqueguardalatablaconelrestodelapágina,etc.
![Page 220: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/220.jpg)
20.4THDefinirlosencabezadostantoverticalescomohorizontalesconlaetiqueta<th>.
![Page 221: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/221.jpg)
20.5EJEMPLOMAL<table><tr><td></td><td><strong>Lunes</strong></td><td><strong>Martes</strong></td></tr><tr><td><strong>10:00</strong></td><td>Matemáticas</td><td>Matemáticas</td></tr><tr><td><strong>11:00</strong></td><td>Lengua</td><td>Lengua</td></tr></table>
![Page 222: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/222.jpg)
20.6EJEMPLOBIEN<tablesummary="5columnas(díasdelasemana)y4filas(horas)"><caption>Horariodeclase</caption><tr><th></th><thid="columnaLunes">Lunes</th></tr><tr><thid="filaHora10">10:00</th><tdheaders="columnaLunesfilaHora10">Matemáticas</td></tr></table>
![Page 223: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/223.jpg)
21FORMULARIOS
![Page 224: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/224.jpg)
21.1LABELAsegúratedequecadaelementodeunformulariotieneasociadaunaetiqueta<label>.
![Page 225: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/225.jpg)
21.2EJEMPLOMAL<formmethod="post"action="#"><p><strong>Informaciónpersonal</strong></p>Nombre:<inputtype="text"required><br>
![Page 226: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/226.jpg)
21.3EJEMPLOBIEN<formname="contacto"method="post"action="#"><fieldset><legend>Informaciónpersonal</legend><labelfor="nombre"tabindex="1">Nombre:</label><inputtype="text"id="nombre"name="nombre"autofocusrequired><br>
![Page 227: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/227.jpg)
22ELEMENTOSREPETITIVOS
![Page 228: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/228.jpg)
22.1PROBLEMASuelesermolestocuandosenavegaconunlectordepantallaquecadavezqueserecargaunapáginavuelvearepetirdenuevolacabeceraquesueleseridéntica.
![Page 229: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/229.jpg)
22.2SOLUCIÓNProporcionaunmétodo(porejemplounenlace"Saltaralcontenido"enlapartesuperiordelapágina)quepermitasaltarselanavegaciónuotroselementosqueserepitenencadapágina.
![Page 230: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/230.jpg)
23VALIDADORES
![Page 231: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/231.jpg)
23.1DEHTMLW3CMarkupValidationService
WDGHTMLValidatorhttp://validator.w3.org
http://www.htmlhelp.com/tools/validator
![Page 232: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/232.jpg)
23.2DECSSW3CCSSValidationService
WDGCSSCheckhttp://jigsaw.w3.org/css-validator
http://www.htmlhelp.com/tools/csscheck
![Page 233: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/233.jpg)
23.3DEENLACESW3CLinkChecker
WDGLinkValet
LinkChecker
http://validator.w3.org/checklink
http://www.htmlhelp.com/tools/valet
http://wummel.github.io/linkchecker
![Page 234: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/234.jpg)
23.4OTROSVALIDADORESW3CmobileOKChecker
W3CFeedValidationService
W3CSemanticDataExtractor
http://validator.w3.org/mobile
http://validator.w3.org/feed
http://www.w3.org/2003/12/semantic-extractor.html
![Page 235: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/235.jpg)
23.5UNIFICADOSW3CUnicornhttp://validator.w3.org/unicorn
![Page 236: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/236.jpg)
23.6ACCESIBILIDAD(I)WAVEWebAccessibilityTool
WAVEWebAccessibilityToolbarforFirefox
CynthiaSays
http://wave.webaim.org
http://wave.webaim.org/toolbar
http://www.cynthiasays.com
![Page 237: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/237.jpg)
23.7ACCESIBILIDAD(II)eXaminator
AChecker
Nibbler
http://examinator.ws
http://achecker.ca/checker
http://nibbler.silktide.com
![Page 238: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/238.jpg)
23.8ACCESIBILIDAD(III)TingtunChecker
FunctionalAccessibilityEvaluator
SortSite-AccessibilityCheckerandValidator
http://accessibility.tingtun.no/en/pagecheck2.0
http://fae20.cita.illinois.edu
http://www.powermapper.com/products/sortsite/checks/accessibility-checks.htmlhelp
![Page 239: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/239.jpg)
24OTRASHERRAMIENTAS
![Page 240: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/240.jpg)
24.1PLUGINSWebDeveloper,noofrecemuchísimainformaciónútilparacomprobarqueunapáginawebesaccesible.
Verexplicación:
FangsScreenReaderEmulator,emulaelcomportamientoquetendríaunlectordepantallas.
https://addons.mozilla.org/es/firefox/addon/web-developer/
http://accesibilidadweb.dlsi.ua.es/?menu=hr-webdevelopertoolbar
https://addons.mozilla.org/en-us/firefox/addon/fangs-screen-reader-emulator
![Page 241: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/241.jpg)
24.2COLORESAccessibilityColorWheel
ColorblindWebPageFilter
CheckMyColours
http://gmazzocato.altervista.org/colorwheel/wheel.php
http://colorfilter.wickline.org
http://www.checkmycolours.com
![Page 242: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/242.jpg)
24.3PALETASDECOLORESPaletton
ColorPaletteGeneratorhttp://paletton.com
http://www.degraeve.com/color-palette
![Page 243: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/243.jpg)
24.4TIEMPODECARGALoadImpact
PingdomWebsiteSpeedTest
SiteSpeed
WebPageAnalyzer
http://loadimpact.com
http://tools.pingdom.com/fpt
http://sitespeed.me
http://www.webpageanalyzer.com
![Page 244: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/244.jpg)
25ACERCADE
![Page 245: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/245.jpg)
25.1LICENCIAEstastransparenciasestánhechascon:MarkdownSlides:
EstastransparenciasestánbajounalicenciaCreativeCommonsReconocimiento-CompartirIgual3.0:
https://github.com/asanzdiego/markdownslides
http://creativecommons.org/licenses/by-sa/3.0/es
![Page 246: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/246.jpg)
25.2FUENTESTransparencias:
Código:
https://github.com/asanzdiego/curso-interfaces-web-2014/tree/master/02-accesibilidad/slides
https://github.com/asanzdiego/curso-interfaces-web-2014/tree/master/02-accesibilidad/src
![Page 247: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/247.jpg)
25.3BIBLIOGRAFÍA(I)PáginadeAccesibilidadWebdelaUniversidaddeAlicante
Traducción:PautasdeAccesibilidadparaelContenidoWeb(WCAG)2.0
http://accesibilidadweb.dlsi.ua.es
http://www.sidar.org/traducciones/wcag20/es
![Page 248: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/248.jpg)
25.4BIBLIOGRAFÍA(II)Enlazaresimportante
Enlacespara“leermás”queseansimplesyaccesibles
Javascriptnoobstructivo,Manualdebuenasmaneras
http://www.microsiervos.com/archivo/weblogs/enlazar-es-importante-3.html
http://www.torresburriel.com/weblog/2005/10/22/enlaces-para-leer-mas-que-sean-simples-y-accesibles
http://www.anieto2k.com/2006/10/15/javascript-no-obstructivo-manual-de-buenas-maneras
![Page 249: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/249.jpg)
25.5BIBLIOGRAFÍA(III)HTML5:Nuevasetiquetassemánticasyestructurales
HTMLyAccesibilidad:elatributolongdescenimágenes
NuevostiposdeinputenHTML5
http://www.arumeinformatica.es/blog/html5-nuevas-etiquetas-semanticas-y-estructurales
http://blog.outbook.es/desarrollo-web/html-y-accesibilidad-el-atributo-longdesc-en-imagenes
http://www.htmlcinco.com/nuevos-tipos-de-input-en-html5
![Page 250: Accesibilidad Web (esa gran olvidada)](https://reader036.vdocuments.pub/reader036/viewer/2022081718/5495b4cab47959fa5e8b4689/html5/thumbnails/250.jpg)
25.6BIBLIOGRAFÍA(IV)Lectoresdepantalla
Validadoresyherramientasdeaccesibilidadyusabilidad
WebAccessibilityEvaluationTools:Overview
http://es.wikipedia.org/wiki/Lector_de_pantalla
http://www.usableyaccesible.com/recurso_misvalidadores.php
http://www.w3.org/WAI/ER/tools/Overview.html