Accesibilidad web

298 visualizaciones

Publicado el

Accesibilidad web
Unitecnologica
Joaquin Lara Sierra

Publicado en: Educación
0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
298
En SlideShare
0
De insertados
0
Número de insertados
7
Acciones
Compartido
0
Descargas
1
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Accesibilidad web

  1. 1. Accesibilidad WebbyJoaquin Lara SierraislicensedunderaCreativeCommonsReconocimiento-CompartirIgual4.0 Internacional License. Creado a partir de la obra enhttp://w3c.es/Divulgacion/GuiasBreves/Accesibilidad. Puede hallar permisos más allá de los concedidos con esta licencia enhttp://www.edumatica.net Accesibilidad Web Joaquin Lara Sierra @joaquinls 1
  2. 2. ¿Qué es la Accesibilidad Web? HablardeAccesibilidadWebeshablardeunaccesouniversalalaWeb,independientementedeltipodehardware,software,infraestructuradered,idioma,cultura,localizacióngeográficaycapacidadesdelosusuarios. IniciativadeAccesibilidadWeb, conocidacomoWAI(WebAccessibilityInitiative). 2 Imagen: http://www.disenoparatodos.com/
  3. 3. ¿Para qué sirve? LaideaprincipalradicaenhacerlaWebmásaccesibleparatodoslosusuariosindependientementedelascircunstanciasylosdispositivosinvolucradosalahoradeaccederalainformación.Partiendodeestaidea,unapáginaaccesibleloseríatantoparaunapersonacondiscapacidad,comoparacualquierotrapersonaqueseencuentrebajocircunstanciasexternasquedificultensuaccesoalainformación(encasoderuidosexternos,ensituacionesdondenuestraatenciónvisualyauditivanoestándisponibles,pantallasconvisibilidadreducida, etc.). 3
  4. 4. ¿Cómo funciona? •ParahacerelcontenidoWebaccesible,sehandesarrolladolasdenominadasPautasdeAccesibilidadalContenidoenlaWeb(WCAG),cuyafunciónprincipalesguiareldiseñodepáginasWebhaciaundiseñoaccesible,reduciendodeestaformabarrerasalainformación.WCAGconsisteen14pautasqueproporcionansolucionesdediseñoyqueutilizancomoejemplosituacionescomunesenlasqueeldiseñodeunapáginapuedeproducirproblemasdeaccesoalainformación. 4
  5. 5. Niveles de prioridad establecidos por las pautas. Prioridad1: •sonaquellospuntosqueundesarrolladorWebtienequecumpliryaque,deotramanera,ciertosgruposdeusuariosnopodríanaccederalainformacióndelsitioWeb. Prioridad2: •sonaquellospuntosqueundesarrolladorWebdeberíacumpliryaque,sinofueseasí, seríamuydifícilaccederalainformaciónparaciertosgruposdeusuarios. Prioridad3: •sonaquellospuntosqueundesarrolladorWebdeberíacumpliryaque,deotraforma, algunosusuariosexperimentaríanciertasdificultadesparaaccederalainformación. 5
  6. 6. Niveles de conformidad Nivel de Conformidad "A": todos los puntos de verificación de prioridad 1 se satisfacen. Nivel de Conformidad "Doble A": todos los puntos de verificación de prioridad 1 y 2 se satisfacen. Nivel de Conformidad "Triple A": todos los puntos de verificación de prioridad 1,2 y 3 se satisfacen. 6
  7. 7. En resumen… LaspautasdescribencómohacerpáginasWebaccesiblessinsacrificareldiseño,ofreciendoesaflexibilidadqueesnecesariaparaquelainformaciónseaaccesiblebajodiferentessituacionesyproporcionandométodosquepermitensutransformaciónenpáginasútileseinteligibles. 7 Pautas de Accesibilidad para Herramientas de Autor Pautas de Accesibilidad para XML Pautas de Accesibilidad para Agentes de Usuario 1.0 Para tener en cuenta Introducción a la Accesibilidad Web
  8. 8. Ejemplo Unejemplodeprioridad1seríalaidentificaciónclaradecualquiercambiodeidiomaquesepuedaproducireneltextodeundocumento. Esdecir,siseutilizandiferentesidiomasesnecesarioquecualquiercambioestéclaramenteseñaladoconelatributolang: 8 Un ejemplo de código correcto sería el siguiente: <p> <q>Buenos días Philip</q> <q lang="en">Goodmorning</q>. Respondió Philip en inglés. <q>¿Qué tal estás?</q> <q lang="fr">Trèsbien.</q> Volvió a responder, pero esta vez en francés. </p>

×