accesibilidad web
TRANSCRIPT
![Page 1: Accesibilidad web](https://reader033.vdocuments.site/reader033/viewer/2022052910/559a08241a28ab812c8b464b/html5/thumbnails/1.jpg)
3ª Simulación Docente
MICRO sesión15 minutos (¡imposible...!)
C u r s o F O R M A D O R O C U P A C I O N A L
@atirorua
![Page 3: Accesibilidad web](https://reader033.vdocuments.site/reader033/viewer/2022052910/559a08241a28ab812c8b464b/html5/thumbnails/3.jpg)
ACCESIBILIDAD
WEB
![Page 4: Accesibilidad web](https://reader033.vdocuments.site/reader033/viewer/2022052910/559a08241a28ab812c8b464b/html5/thumbnails/4.jpg)
Acceso universal
a la Web
Web sin barreras
«Construir una sociedad más justa e igualitariaes tarea de todos y todas.»
![Page 5: Accesibilidad web](https://reader033.vdocuments.site/reader033/viewer/2022052910/559a08241a28ab812c8b464b/html5/thumbnails/5.jpg)
OBJETIVOS
![Page 6: Accesibilidad web](https://reader033.vdocuments.site/reader033/viewer/2022052910/559a08241a28ab812c8b464b/html5/thumbnails/6.jpg)
CONSTRUIR UNA SOCIEDAD
MÁS JUSTA E IGUALITARIA
• Saber como se logra una web más accesible para todas la personas.
• Mejorar la accesibilidad de nuestras páginas y sitios Web (google sites).
![Page 7: Accesibilidad web](https://reader033.vdocuments.site/reader033/viewer/2022052910/559a08241a28ab812c8b464b/html5/thumbnails/7.jpg)
• Organismos encargados de desarrollar, establecer, verificar y certificar los estándares web.
• Pautas de accesibilidad web.
• Legislación.
![Page 8: Accesibilidad web](https://reader033.vdocuments.site/reader033/viewer/2022052910/559a08241a28ab812c8b464b/html5/thumbnails/8.jpg)
http://www.youtube.com/watch?v=xueepdlDg18&feature=related
ACCESIBILIDAD EN LA WEB
![Page 9: Accesibilidad web](https://reader033.vdocuments.site/reader033/viewer/2022052910/559a08241a28ab812c8b464b/html5/thumbnails/9.jpg)
![Page 10: Accesibilidad web](https://reader033.vdocuments.site/reader033/viewer/2022052910/559a08241a28ab812c8b464b/html5/thumbnails/10.jpg)
WEB para todo el mundoWEB en cualquier dispositivo
World Wide Web
C o n s o r t i u m
Organización internacional que desarrolla y fija los
ESTÁNDARES WEB.
Especificaciones para preservar los
PRINCIPIOS:
![Page 11: Accesibilidad web](https://reader033.vdocuments.site/reader033/viewer/2022052910/559a08241a28ab812c8b464b/html5/thumbnails/11.jpg)
PAUTAS DE
ACCESIBILIDAD
![Page 12: Accesibilidad web](https://reader033.vdocuments.site/reader033/viewer/2022052910/559a08241a28ab812c8b464b/html5/thumbnails/12.jpg)
Pautas de accesibilidad = 14
Puntos de verificación = 60
Niveles de prioridad = 3 (A, AA, AAA))
WAI = Web Accesibility InitiativeWCAG = (Web Content Accessibility Guidelines)
Nos explican cómo hacer que el contenido Web sea accesible para todas las personas.
![Page 13: Accesibilidad web](https://reader033.vdocuments.site/reader033/viewer/2022052910/559a08241a28ab812c8b464b/html5/thumbnails/13.jpg)
![Page 14: Accesibilidad web](https://reader033.vdocuments.site/reader033/viewer/2022052910/559a08241a28ab812c8b464b/html5/thumbnails/14.jpg)
Agencia Española de Normalización
![Page 15: Accesibilidad web](https://reader033.vdocuments.site/reader033/viewer/2022052910/559a08241a28ab812c8b464b/html5/thumbnails/15.jpg)
![Page 16: Accesibilidad web](https://reader033.vdocuments.site/reader033/viewer/2022052910/559a08241a28ab812c8b464b/html5/thumbnails/16.jpg)
UNE 139803:2004Aplicaciones informáticas para personas con discapacidad. Requisitos de accesibilidad para contenidos en la Web
Ver ejemplo
![Page 17: Accesibilidad web](https://reader033.vdocuments.site/reader033/viewer/2022052910/559a08241a28ab812c8b464b/html5/thumbnails/17.jpg)
PAUTA 1
«Proporcione alternativas equivalentes para el contenido visual y
auditivo»
![Page 18: Accesibilidad web](https://reader033.vdocuments.site/reader033/viewer/2022052910/559a08241a28ab812c8b464b/html5/thumbnails/18.jpg)
Punto de
verificación 1.1
«Proporcione un texto equivalente para todo elemento no textual (Por ejemplo, a través de "alt", "longdesc" o en el contenido del elemento)...»
![Page 19: Accesibilidad web](https://reader033.vdocuments.site/reader033/viewer/2022052910/559a08241a28ab812c8b464b/html5/thumbnails/19.jpg)
alt=«»
¿Cómo añadimos un TEXTO
ALTERNATIVO a nuestras imágenes?
![Page 20: Accesibilidad web](https://reader033.vdocuments.site/reader033/viewer/2022052910/559a08241a28ab812c8b464b/html5/thumbnails/20.jpg)
<img src=“http://www.trabajareninternet.es/wp-content/uploads/2010/09/internet.jpg" border="0" alt=" ">
![Page 21: Accesibilidad web](https://reader033.vdocuments.site/reader033/viewer/2022052910/559a08241a28ab812c8b464b/html5/thumbnails/21.jpg)
PAUTA 2
«No se base sólo en el color»
![Page 22: Accesibilidad web](https://reader033.vdocuments.site/reader033/viewer/2022052910/559a08241a28ab812c8b464b/html5/thumbnails/22.jpg)
Punto de
verificación 2.2
«Asegúrese de que las combinaciones de los colores de fondo y primer plano tengan
suficiente contraste para que sean
percibidas por personas con deficiencias de percepción de color o en pantallas en blanco y negro»
![Page 23: Accesibilidad web](https://reader033.vdocuments.site/reader033/viewer/2022052910/559a08241a28ab812c8b464b/html5/thumbnails/23.jpg)
Prueba de Contraste
¿Es suficiente el contraste de esta combinación de color?
![Page 24: Accesibilidad web](https://reader033.vdocuments.site/reader033/viewer/2022052910/559a08241a28ab812c8b464b/html5/thumbnails/24.jpg)
ANALIZADOR DE
CONTRASTE DE COLOR
http://www.visionaustralia.org.au/info.aspx?page=959
Comprueba las combinaciones de color basándose en los algoritmos propuestos por W3C para determinar el nivel de «VISIBILIDAD DE COLOR».
![Page 25: Accesibilidad web](https://reader033.vdocuments.site/reader033/viewer/2022052910/559a08241a28ab812c8b464b/html5/thumbnails/25.jpg)
Prueba de
Contraste
¿Es suficiente el contraste de esta combinación de color?
![Page 26: Accesibilidad web](https://reader033.vdocuments.site/reader033/viewer/2022052910/559a08241a28ab812c8b464b/html5/thumbnails/26.jpg)
Prueba de
Contraste
¿Es suficiente el contraste de esta combinación de color?
![Page 27: Accesibilidad web](https://reader033.vdocuments.site/reader033/viewer/2022052910/559a08241a28ab812c8b464b/html5/thumbnails/27.jpg)
LEGISLACIÓN
¿Estamos obligados a cumplir estas pautas y normas de accesibilidad?
![Page 28: Accesibilidad web](https://reader033.vdocuments.site/reader033/viewer/2022052910/559a08241a28ab812c8b464b/html5/thumbnails/28.jpg)
• Ley 11/2007, de 22 de junio• Ley 27/2007, de 23 de octubre• Real Decreto 1494/2007, de 12 de
noviembre• Ley 49/2007, de 26 de diciembre• Ley 56/2007, de 28 de diciembre
Año 2007
![Page 29: Accesibilidad web](https://reader033.vdocuments.site/reader033/viewer/2022052910/559a08241a28ab812c8b464b/html5/thumbnails/29.jpg)
Este es un decreto clave puesto que especifica el grado de accesibilidadaplicable a las páginas de Internet de lasadministraciones públicas o con financiación pública, estableciendo como nivel mínimo obligatorio el cumplimiento de las prioridades 1 y 2 de la Norma UNE 139803:2004.
Real Decreto 1494/2007
![Page 30: Accesibilidad web](https://reader033.vdocuments.site/reader033/viewer/2022052910/559a08241a28ab812c8b464b/html5/thumbnails/30.jpg)
¿Qué hemos aprendido?
ACCESIBILIDAD
WEB
![Page 31: Accesibilidad web](https://reader033.vdocuments.site/reader033/viewer/2022052910/559a08241a28ab812c8b464b/html5/thumbnails/31.jpg)
Pautas de Accesibilidad al Contenido en la Web 1.0http://www.discapnet.es/web_accesible/wcag10/WAI-WEBCONTENT-19990505_es.html
Centro de Referencia en Accesibilidad y Estándares Web. INTECOhttp://www.inteco.es/Accesibilidad
Analizador de contrastehttp://www.visionaustralia.org.au/info.aspx?page=959
Norma UNE 139803:2004http://www.inteco.es/Accesibilidad/Normativa_1/Descarga/DescargaUNE_139803
PPT accesibleshttp://www.ceapat.es/InterPresent2/groups/imserso/documents/binario/im_038820.pdf
WEBGRAFÍA
Sigue...
![Page 32: Accesibilidad web](https://reader033.vdocuments.site/reader033/viewer/2022052910/559a08241a28ab812c8b464b/html5/thumbnails/32.jpg)
Ejemplo de certificación AENORhttp://www.asturias.es/Asturias/descargas/Certificacion_AENOR.pdf
Simulador de lector de pantallahttp://www.usamos.es/accesibilidadWeb/herramientas/lector.html
Referencia sobre legislación española relacionada con la accesibilidad webhttp://olgacarreras.blogspot.com/2005/01/referencia-sobre-legislacin-espaola.html#ley26_2011
Hacia la plena participación mediante el Diseño Universalhttp://www.ceapat.es/InterPresent2/groups/imserso/documents/binario/21019participacionmediantedise.pdf
Vídeo: Entrevista al Prof. Sergio Luján (U. Alicante), ACCESIBILIDAD-WEBhttp://www.youtube.com/watch?v=u5xrVUrGUps