Técnicas WCAG 2.0 para 10 dudas habituales sobre accesibilidad
El contenido de este artículo se ha movido a la recopilación Respuesta a 25 dudas habituales sobre accesibilidad web
martes, 5 de mayo de 2009
El contenido de este artículo se ha movido a la recopilación Respuesta a 25 dudas habituales sobre accesibilidad web
* Como todos los artículos de este blog, este es un artículo NO promocionado.
Autor: Olga Carreras Montoto
Etiquetas: accesibilidad Flash, accesibilidad javascript, accesibilidad PDF, WCAG 2.0
Consultora freelance
Accesibilidad digital. Auditoría y formación.
Conversión de PDF a PDF accesible.
Perito judicial en accesibilidad digital.
Certificada por el IAAP (Web Accessibility Specialist).
Máster en XR y Spatial Computing
Universidad Complutense de Madrid
Máster en Usabilidad, Diseño de Interacción y Experiencia de Usuario
Universitat Pompeu Fabra. Barcelona
Máster en Accesibilidad digital para educación, comunicación y diseño
Universitat de Barcelona
"Aprende Accesibilidad Web Paso a Paso"
Cátedra Telefónica - Universidad de Alicante
Curso online y gratuito. Más de 6 horas de vídeo.
IAAP Professional Member - International Association of Accessibility Professionals (credencial)
Profesional Miembro de ASEPAU (Asociación Española de Profesionales de Accesibilidad Universal)
Miembro del grupo "Silver Community Group" para la evolución de las WCAG y del grupo "Immersive captions community group" para determinar las mejores prácticas en el subtítulado de medios inmersivos (AR, VR y juegos).
Herramienta para generar gráficas, estadísticas y tablas resumen para informes de accesibilidad web respecto a las WCAG 2.2. También disponible para las WCAG 2.1 (en español e inglés) y para las WCAG 2.0.
"Accesibilidad Web. WCAG 2.2 de forma sencilla" Descarga gratuita. Olga Revilla, Olga Carreras, 2024
El libro explica de forma sencilla todos los criterios de las WCAG 2.2. Incluye capítulos monográficos: ARIA; Documentos accesibles; SPA accesibles; Sistemas de diseño accesibles; WCAG-EM; Comunicación clara, lenguaje fácil y lenguaje inclusivo; Recursos y herramientas.
"Guía Aplicaciones móviles accesibles" Descarga gratuita. Olga Carreras, 2023
El libro explica qué es una aplicación accesible y todos los requisitos de la EN 301 549.
"PDF accesibles con Adobe Acrobat Pro".
Descarga gratuita. Olga Carreras, 2021
"Documentos PowerPoint accesibles"
Descarga gratuita. Olga Carreras, 2021
Coautora junto a Steve Krug, Jakob Nielsen, Don Norman, Jared Spool, Emmanuelle Gutiérrez y Restrepo, Yusef Hassan Montero, Sergio Ortega, Verónica Traynor y otros.
Descarga mi capítulo ampliado "Accesibilidad y SEO" (PDF, 248) .
"Guía todo en uno sobre la accesibilidad web en España", 2020
Colaboro con el capítulo "Legislación sobre accesibilidad web en España y Europa".
"Monográfico "Accesibilidad Web" de la revista Novática", 2015
Colaboro con el artículo "Documentos electrónicos accesibles".
Sector público:
Sector privado:
Gracias!
Eliminar comentario de ' Anónimo ' con fecha de 6 de mayo de 2009, 2:23
Gran artículo, me ha encantado lo que he leído.
Con respecto a la justificación del texto, hay que señalar que tú lo usas, aunque no entiendo exactamente por qué no se debe usar. A simple vista, parece una objeción un poco sin sentido opinar sobre la alineación de un texto =S
Eliminar comentario de ' Hans Christian ' con fecha de 6 de mayo de 2009, 13:16
Tienes razón, de hecho esta noche voy a revisar la CSS del blog.
Eliminar comentario de ' Olga Carreras ' con fecha de 6 de mayo de 2009, 14:05
Olga, como siempre, excelente.
Gracias.
Respecto al primer punto, si lo miramos desde el punto de vista del marcado, el atributo target sólo se debería usar en conjuntos de marcos.
Eliminar comentario de ' José R. Quevedo ' con fecha de 6 de mayo de 2009, 14:17
Ya he quitado la alineación justificada. En cuanto al TARGET, en las técnicas se refieren explícitamente a los enlaces.
Eliminar comentario de ' Olga Carreras ' con fecha de 6 de mayo de 2009, 15:03
Lo había entendido.
Lo que quería decir es que target, independientemente de se aplique en un enlace, mapa de imagen o formulario, se pensó para ser utilizado en un conjunto de marcos: http://html.conclase.net/w3c/html401-es/present/frames.html#adef-target y no de forma independiente para abrir ventanas emergentes.
Eliminar comentario de ' José R. Quevedo ' con fecha de 6 de mayo de 2009, 16:39
Tengo una duda o más bien no he sabido encontrar la información. El caso es que en la versión 1.0 para el nivel AA (doble A) es necesario implementar una versión que funcione sin javascript.
El problema es que no se si en la versión 2.0 para el nivel AA se sigue manteniendo la misma restricción o se puede desarrollar exclusivamente en javascript sin tener que poner ninguna alternativa.
Eliminar comentario de ' fenix ' con fecha de 6 de mayo de 2009, 16:39
Gracias Olga, aunque que la red sea completamente accesible es una utopía, al menos los desarrolladores que trabajen para la administración pública deberían pasar por aquí.
No es más difícil crear una web accesible, simplemente requiere más tiempo para formarse en ello y tienes más limitaciones, es como construir un edificio, hacerlo accesible o no no es el problema, la cuestión es dedicar tiempo y esfuerzo a pensar todos los requisitos que debe cumplir.
En fin, muchas gracias por difundir y explicar estas normas, resuelven muchas dudas.
Eliminar comentario de ' Cristian Eslava ' con fecha de 7 de mayo de 2009, 11:28
Hola Olga,
Muy bueno el post.
Felicidadez :)
Eliminar comentario de ' javiaurea ' con fecha de 11 de mayo de 2009, 14:40
Fenix, te contesto en el apéndice que he añadido al artículo.
Eliminar comentario de ' Olga Carreras ' con fecha de 15 de mayo de 2009, 22:40
Buenas a todos, en referencia con el punto en el que comentas que por CSS no se debe ocultar el texto del enlace, me he estado informando sobre este tema y tengo una opinión bien distinta y me gustaría poder debatirla entre todos para ver si llegamos a una conclusión.
Mi opinión es que si que se puede ocultar mediante CSS, en cuanto a ocultar me refiero a utilizar la técnica de left-of, es decir, insertar una clase indentada a este texto, que esté presente en el HTML pero que no se presente en pantalla. Así de este modo damos cabida a todos los usuarios de navegadores de lectura de pantalla y para dar soporte al resto de usuario que empleen otro tipo de navegadores, tenedremos una clase que llevará un icono incorporado que indique que se "abre en ventana nueva", por supuesto además de insertar el texto Abre en ventana nueva en el texto del enlace se debería insertar en el title del enlace para que los usuarios que navegan por la página al posicionarse sobre el enlace les salte la ayuda "Abre en ventana nueva" y así no basamos la información en iconografía que puede no entenderse perfectamente. De igual modo mediante estilos se generarían reglas para que en caso de no tener los estilos habilitados aparezca el texto en lugar del icono.
A ver que os parece el comentario....
Saludos.
Bea
Eliminar comentario de ' Anónimo ' con fecha de 23 de junio de 2009, 12:43