1. Objetivo de esta política

La presente Política de Usabilidad describe los principios, estándares y compromisos que AENE Reformas aplica en el diseño y mantenimiento del sitio web aenereformas.es, con el objetivo de garantizar una experiencia de usuario clara, eficiente y satisfactoria para todos los visitantes, independientemente de su dispositivo, nivel de experiencia digital o condición funcional.

Esta política se enmarca en los requisitos del Programa Kit Digital (Plan de Recuperación, Transformación y Resiliencia de España, financiado por la Unión Europea — Next Generation EU), en la Directiva (UE) 2016/2102 sobre accesibilidad de sitios web, y en las recomendaciones de las Pautas de Accesibilidad para el Contenido Web WCAG 2.1 nivel AA.

2. Principios de diseño usable

El diseño de este sitio web se basa en los cuatro principios fundamentales de la usabilidad establecidos por el W3C y adoptados por las WCAG 2.1:

• Perceptible: Toda la información y los componentes de la interfaz se presentan de forma que los usuarios puedan percibirlos. El contenido visual tiene alternativas textuales. El contraste de color es suficiente. No se depende exclusivamente del color para transmitir información.
• Operable: Todos los elementos interactivos son accesibles mediante teclado. No hay límites de tiempo que impidan la interacción. La navegación es consistente y predecible. Los usuarios disponen de suficiente tiempo para leer y usar el contenido.
• Comprensible: El texto es legible e inteligible. El comportamiento de la interfaz es predecible. El sitio incluye ayudas para evitar y corregir errores en formularios.
• Robusto: El contenido es lo suficientemente robusto para ser interpretado por los agentes de usuario actuales y futuros, incluidas las tecnologías de asistencia.

3. Lenguaje y contenido claro

Todo el contenido textual de este sitio web está redactado siguiendo las directrices de lenguaje claro y sencillo (Plain Language / Lenguaje Fácil):

• Se usa el español como idioma principal en todo el sitio. No se incluyen bloques de texto en otros idiomas sin justificación y marcado lingüístico adecuado.
• Las frases son cortas y directas. Se evita el uso de tecnicismos innecesarios o jerga del sector que pueda no ser familiar para el usuario general.
• Los títulos y encabezados describen con claridad el contenido de cada sección.
• Los textos de los botones y enlaces describen la acción o el destino, sin usar expresiones vagas como “haz clic aquí” o “más información” sin contexto.
• Los mensajes de error, confirmación y ayuda están redactados en lenguaje comprensible y orientado a la acción del usuario.

4. Navegación y estructura

La navegación del sitio está diseñada para ser predecible, coherente y fácil de aprender:

• El menú de navegación principal es idéntico en todas las páginas y se presenta en el mismo lugar (parte superior).
• El logotipo de AENE Reformas en el menú enlaza siempre a la página de inicio.
• Cada página incluye un enlace de “saltar al contenido principal” visible al recibir el foco del teclado (Tab), para que los usuarios de teclado y lectores de pantalla puedan evitar la navegación repetitiva.
• La estructura de encabezados (H1, H2, H3) es jerárquica y coherente en cada página. Hay un único H1 por página.
• El menú móvil (accesible desde ≤900px) se activa mediante un botón con estado aria-expanded que informa a las tecnologías de asistencia si está abierto o cerrado.
• Los indicadores de página activa (aria-current="page") señalan en todo momento qué sección del sitio está visitando el usuario.
• La galería de proyectos y el portafolio incluyen filtros etiquetados semánticamente con aria-label, permitiendo navegar por categorías de forma accesible.

5. Formularios y entradas de datos

El formulario de contacto del sitio cumple los siguientes requisitos de usabilidad:

• Cada campo tiene una etiqueta <label> visible y asociada correctamente mediante el atributo for. No se usan únicamente placeholders como sustitutos de las etiquetas.
• Los campos obligatorios están marcados claramente.
• El campo de teléfono usa type="tel" para activar el teclado numérico en dispositivos móviles.
• El campo de email usa type="email" con validación del formato antes del envío.
• El formulario incluye una casilla de verificación de aceptación de la Política de Privacidad, obligatoria para el envío, conforme al Reglamento General de Protección de Datos (RGPD).
• Tras el envío, el usuario recibe una confirmación visible y un aviso accesible mediante role="status" o equivalente.
• Los errores de validación se comunican en texto, no solo por color, e indican qué campo tiene el error y cómo corregirlo.

6. Compatibilidad de dispositivos y navegadores

El sitio web ha sido diseñado y probado para funcionar correctamente en los siguientes entornos:

El diseño es responsivo mediante CSS nativo (grid, clamp(), media queries). No se usan tablas para maquetar contenido ni elementos Flash.

7. Rendimiento y velocidad

El tiempo de carga es un factor crítico de usabilidad. Un sitio lento frustra al usuario y aumenta la tasa de abandono. Los compromisos de rendimiento son:

• Objetivo de carga: Tiempo hasta el primer pintado de contenido (FCP) inferior a 2,5 segundos en conexión 4G media.
• Largest Contentful Paint (LCP): Objetivo inferior a 2,5 segundos (umbral “Bueno” de Google Core Web Vitals).
• Imágenes optimizadas: Todas las imágenes del sitio están comprimidas. El atributo loading="lazy" se usa en todas las imágenes excepto en la del hero (visible sin desplazamiento), que usa loading="eager" y fetchpriority="high".
• Fuentes: Se usa rel="preconnect" para Google Fonts para reducir la latencia de carga tipográfica.
• Sin bloqueo de renderizado: No hay CSS ni JavaScript externo que bloquee el renderizado. Todo el CSS está inline en cada página.
• Animaciones respetuosas: Las animaciones de aparición (scroll reveal) utilizan IntersectionObserver en lugar de eventos de scroll continuos, lo que reduce el impacto en el hilo principal.

8. Imágenes y contenido visual

Todas las imágenes del portafolio y del sitio cumplen los siguientes estándares de usabilidad:

• Cada imagen informativa tiene un atributo alt descriptivo que incluye la naturaleza del trabajo, la ubicación (Villena, Alicante) y el nombre de la empresa (AENE Reformas), con una longitud no superior a 125 caracteres.
• Las imágenes puramente decorativas usan alt="" o aria-hidden="true" para que los lectores de pantalla las omitan.
• Las galerías de proyectos usan elementos semánticos <figure> y <figcaption> para asociar cada imagen con su descripción.
• No se usa texto superpuesto en imágenes como único portador de información esencial.
• El ticker animado de la sección superior lleva aria-hidden="true" para excluirlo del árbol de accesibilidad.

9. Contraste y legibilidad

El diseño del sitio da prioridad a la legibilidad mediante un sistema de contraste alto:

• La combinación principal es texto blanco (#ffffff) sobre fondo oscuro (#1a1a1a), con una ratio de contraste superior a 15:1, muy por encima del mínimo de 4,5:1 exigido por WCAG 2.1 AA (criterio 1.4.3).
• El texto secundario sobre fondo oscuro usa rgba(255,255,255,0.55), con ratio superior a 4,5:1.
• El color de acento azul (#2294c3) sobre fondo oscuro supera el ratio de 3:1 exigido para elementos de interfaz no textual (criterio 1.4.11).
• El tamaño de fuente mínimo en el sitio es de 11px (metadatos y notas legales). El cuerpo de texto principal no es inferior a 14px.
• El espaciado entre líneas (line-height) es de al menos 1.7 en bloques de texto largo, facilitando la lectura.

10. Mecanismo de contacto y mejora continua

Si durante tu visita a este sitio web encuentras algún problema de usabilidad — como contenido difícil de entender, un elemento que no funciona correctamente en tu dispositivo, o cualquier barrera que dificulte tu navegación — puedes comunicárnoslo a través de los siguientes canales:

Nos comprometemos a responder en un plazo máximo de 15 días hábiles y, si el problema es válido, a implementar las correcciones necesarias en la siguiente actualización del sitio.

Esta política se revisa y actualiza al menos una vez al año, o siempre que se realicen cambios significativos en el diseño o la estructura del sitio.

Herramientas de evaluación utilizadas

• WAVE Web Accessibility Evaluation Tool (WebAIM)
• axe DevTools (Deque Systems)
• Google Lighthouse (Chrome DevTools) — Auditoría de Accesibilidad y Rendimiento
• Colour Contrast Analyser (TPGi) — verificación de ratios de contraste

Marco normativo de referencia

• WCAG 2.1, nivel de conformidad AA (W3C/WAI)
• Real Decreto 1112/2018, de 7 de septiembre, sobre accesibilidad de los sitios web
• Norma UNE-EN 301549:2022 — Requisitos de accesibilidad de productos y servicios TIC
• Directiva (UE) 2016/2102 del Parlamento Europeo sobre accesibilidad de sitios web
• Programa Kit Digital — Orden ETD/1498/2021 y modificaciones, bases reguladoras
• Reglamento General de Protección de Datos (RGPD) — UE 2016/679