Saltar al contenido principal
Volver a todos los artículos
Desarrollo Web & Infraestructura 13 dic. 2024 4 min de lectura

Web accesible según la norma UNE 139803:2012: guía actualizada

E
Eduardo G.
Fundador de Riojawebs
Web accesible según la norma UNE 139803:2012: guía actualizada

Si necesitas que tu web cumpla estas características para optar a alguna subvención, contacta con nosotros. Informe sobre una web accesible conforme a la norma UNE 139803:2012 (actualización) Introducción El diseño accesible es fundamental para garantizar la igualdad de acceso a la información y a los servicios digitales de todas las personas, también de las que tienen alguna discapacidad. Este informe explica cómo aplicar y evaluar una web que cumpla las prioridades 1 y 2 de la norma UNE 139803:2012 , basada en las Directrices de Accesibilidad para el Contenido Web (WCAG) 2.0 de la Iniciativa de Accesibilidad Web (WAI) del W3C. Norma UNE 139803:2012: requisitos de accesibilidad La norma define tres niveles de conformidad: Prioridad 1 (A): obligatoria. Sin estas medidas, algunas personas no podrán acceder al contenido. Prioridad 2 (AA): recomendada. Mejora de manera notable el acceso para una mayor diversidad de usuarios. Prioridad 3 (AAA): opcional. Aumenta todavía más la accesibilidad, pero en la mayoría de los contextos no es obligatoria. Para cumplir las prioridades 1 y 2 (A y AA), la web debe satisfacer criterios técnicos, funcionales y de diseño que faciliten su uso a personas con distintos tipos de discapacidad (visual, auditiva, motriz y cognitiva). Características de una web accesible con las prioridades 1 y 2 1. Navegación y diseño claros : Estructura semántica del HTML : los encabezados (

,

, etc.) deben usarse de forma jerárquica y coherente. Navegación con teclado : todas las funciones deben poder usarse sin ratón. Enlaces descriptivos : deben tener un texto con sentido, como «Ir a la página de contacto», en lugar de «Haz clic aquí». 2. Adaptación para usuarios con discapacidad visual : Texto alternativo en las imágenes: cada imagen relevante debe llevar un atributo alt que describa su contenido. Contraste suficiente : el texto debe leerse bien, con un contraste mínimo de 4,5:1 (salvo texto decorativo o irrelevante). Zoom del navegador : el diseño debe ser adaptable y permitir ampliar el contenido hasta un 200 % sin perder funcionalidad. 3. Compatibilidad con tecnologías de apoyo : Lectores de pantalla : los elementos interactivos deben ser reconocidos correctamente por lectores como JAWS o NVDA. Roles ARIA : hay que añadir etiquetas y roles accesibles ( aria-label , aria-labelledby ) a los elementos interactivos. 4. Accesibilidad para personas con discapacidad auditiva : Subtítulos en los vídeos: todo contenido multimedia debe llevar subtítulos sincronizados. Transcripciones: los audios importantes deben acompañarse de una transcripción en texto. 5. Evitar barreras cognitivas : Lenguaje claro : evitar tecnicismos complejos sin explicarlos. Sin límite de tiempo : los formularios o tareas interactivas no deben imponer plazos restrictivos. Sin destellos : no incluir contenidos con parpadeos que puedan provocar ataques de epilepsia. Proceso de validación El cumplimiento de estas prioridades se comprueba mediante: Herramientas automáticas como: WAVE (Web Accessibility Evaluation Tool). Axe Accessibility Checker. Pruebas manuales : Revisar el contenido con lectores de pantalla. Simular la navegación con teclado. Auditorías con usuarios : Hacer pruebas con personas con discapacidad para descubrir problemas imprevistos. Ejemplo práctico En una web que quiera cumplir la norma UNE 139803:2012 podrían aplicarse, por ejemplo: Inicio de sesión accesible : formularios de acceso con etiquetas bien asociadas y campos correctamente rotulados. Contenido multimedia : un vídeo promocional debe incluir subtítulos y un enlace a su transcripción. Conclusión Cumplir las prioridades 1 y 2 de la norma UNE 139803:2012 es esencial para garantizar la accesibilidad y evitar la exclusión digital. Aplicar estas medidas no solo es un compromiso ético y legal, sino también una mejora de la usabilidad y de la experiencia general del usuario. Para más detalles, puede consultarse la norma UNE 139803:2012 o las directrices WCAG 2.0 del W3C.

Sobre Riojawebs.es

Diseñamos webs estáticas en HTML5 puro desde La Rioja. Sin WordPress ni WooCommerce. 100/100 en GTmetrix y tiempos de carga inferiores a 0.3 segundos.

¿Tu web actual va lenta?

Audita tu sitio sin coste y descubre cuánto tráfico estás perdiendo por segundo de retraso.

Pedir Auditoría Gratuita