Accesibilidad WebbyJoaquin Lara SierraislicensedunderaCreativeCommonsReconocimiento-CompartirIgual4.0 Internacional Licens...
¿Qué es la Accesibilidad Web? 
HablardeAccesibilidadWebeshablardeunaccesouniversalalaWeb,independientementedeltipodehardwa...
¿Para qué sirve? 
LaideaprincipalradicaenhacerlaWebmásaccesibleparatodoslosusuariosindependientementedelascircunstanciasyl...
¿Cómo funciona? 
•ParahacerelcontenidoWebaccesible,sehandesarrolladolasdenominadasPautasdeAccesibilidadalContenidoenlaWeb(...
Niveles de prioridad establecidos por las pautas. 
Prioridad1: 
•sonaquellospuntosqueundesarrolladorWebtienequecumpliryaqu...
Niveles de conformidad 
Nivel de Conformidad "A": 
todos los puntos de verificación de prioridad 1 se satisfacen. 
Nivel d...
En resumen… 
LaspautasdescribencómohacerpáginasWebaccesiblessinsacrificareldiseño,ofreciendoesaflexibilidadqueesnecesariap...
Ejemplo 
Unejemplodeprioridad1seríalaidentificaciónclaradecualquiercambiodeidiomaquesepuedaproducireneltextodeundocumento....
Upcoming SlideShare
Loading in...5
×

Accesibilidad web

111

Published on

Accesibilidad web
Unitecnologica
Joaquin Lara Sierra

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
111
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "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>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×