Informe sobre web accesible conforme a la norma UNE 139803:2012 (actualización)
Si necesita que su web cumpla con estas características especificas para alguna subvención contáctenos. Informe sobre web accesible conforme a la norma UNE 139803:2012…
Eduardo G. Garba
Ingeniero Industrial, consultor SEO · WPO y escritor • Desde 1996
Si necesita que su web cumpla con estas características especificas para alguna subvención contáctenos.
Informe sobre web accesible conforme a la norma UNE 139803:2012 (actualización)
Introducción
El diseño accesible en sitios web es fundamental para garantizar la igualdad de acceso a la información y los servicios digitales para todas las personas, incluidas aquellas con discapacidades. Este informe detalla cómo implementar y evaluar una web que cumpla con las prioridades 1 y 2 de la norma UNE 139803:2012, que se basa en las Directrices de Accesibilidad para el Contenido Web (WCAG) 2.0, especificadas por la Iniciativa de Accesibilidad Web (WAI) del W3C.Norma UNE 139803:2012 - Requisitos de accesibilidad
La norma establece tres niveles de conformidad:- Prioridad 1 (A): Obligatorio. Sin estas medidas, algunos usuarios no podrán acceder al contenido.
- Prioridad 2 (AA): Recomendado. Mejora significativamente el acceso para una mayor diversidad de usuarios.
- Prioridad 3 (AAA): Opcional. Incrementa aún más la accesibilidad, pero no es obligatorio en la mayoría de los contextos.
Características de una web accesible conforme a las prioridades 1 y 2
1. Navegación y diseño claro:- Estructura semántica del HTML: Los encabezados (
<h1>,<h2>, etc.) deben usarse de manera jerárquica y coherente. - Teclado como medio de navegación: Todas las funcionalidades deben ser accesibles sin necesidad de un ratón.
- Enlaces descriptivos: Los enlaces deben tener texto significativo, como "Ir a la página de contacto" en lugar de "Haz clic aquí".
- Texto alternativo para imágenes: Cada imagen relevante debe tener un atributo
altque describa su contenido. - Contraste suficiente: El texto debe ser legible con un contraste mínimo de 4.5:1 (excepto texto decorativo o insignificante).
- Zoom del navegador: El diseño debe ser responsivo y permitir al usuario ampliar el contenido hasta un 200% sin pérdida de funcionalidad.
- Lectores de pantalla: Los elementos interactivos deben ser reconocidos correctamente por lectores de pantalla como JAWS o NVDA.
- Roles ARIA: Etiquetas y roles accesibles (
aria-label,aria-labelledby) deben añadirse para los elementos interactivos.
- Subtítulos para vídeos: Todo contenido multimedia debe incluir subtítulos sincronizados.
- Transcripciones: Para audios importantes, debe proporcionarse una transcripción textual.
- Lenguaje claro: Evitar el uso de tecnicismos complejos sin explicaciones adicionales.
- Tiempo ilimitado: Formularios o tareas interactivas no deben tener límites de tiempo restrictivos.
- Evitación de intermitencias: No incluir contenidos con parpadeos que puedan causar ataques de epilepsia.
Proceso de validación
El cumplimiento de estas prioridades se verifica mediante:- Herramientas automáticas como:
- Wave (Web Accessibility Evaluation Tool).
- Axe Accessibility Checker.
- Pruebas manuales:
- Revisar el contenido con lectores de pantalla.
- Simular navegaciones con teclado.
- Auditorías de usuario:
- Realizar pruebas con personas con discapacidades para detectar problemas no previstos.
Ejemplo práctico
Para una web que desee cumplir con la norma UNE 139803:2012, podría implementarse:- Inicio de sesión accesible: Formularios de login con etiquetas claramente asociadas y campos correctamente etiquetados.
- Contenido multimedia: Un video promocional debe incluir subtítulos y un enlace a su transcripción.
Conclusión
Cumplir con las prioridades 1 y 2 de la norma UNE 139803:2012 es esencial para garantizar la accesibilidad y evitar la exclusión digital. Implementar estas medidas no solo es un compromiso ético y legal, sino también una mejora para la usabilidad y la experiencia general del usuario.Para más detalles, puede consultarse la norma UNE 139803:2012 o las directrices WCAG 2.0 del W3C
RES SILENTIS, donde callan las estrellas
La verdadera pregunta nunca fue si estábamos solos. Era si estábamos preparados. Top 10 de Amazon Hard Sci-Fi.
Artículos recomendados
Ver todos →El blog en la era de los lectores sintéticos: por qué la web ya no se escribe (solo) para humanos
Durante veinte años el pacto implícito de la web abierta fue simple. Tú publicabas, Google indexaba y los lectores llegaban. Escribir bien se traducía, con retraso y con ruido, en visitas, y las…
Arquitectura web y comportamiento del usuario: cómo diseñar una página corporativa eficaz desde la evidencia, la usabilidad y la experiencia de navegación
Un modelo de organización de contenidos, jerarquía visual y arquitectura de información para desarrollar sitios web profesionales, comprensibles y orientados a las necesidades de sus visitantes.…
El futuro del diseño web: ¿sobrevivirá WordPress a la era de la IA y las webs estáticas?
Llevo tiempo dándole vueltas a una pregunta que me hacen cada vez más: ¿tiene sentido seguir apostando por WordPress, o el futuro del diseño web va por otro lado? Entre los frameworks modernos, las…