El sitio se usa entero con teclado, con lector de pantalla y con el texto al 200%.
Breeze Wing hace instalación de ventilación en Córdoba: conductos de aire, no software. La web que usás para pedir un presupuesto de extracción de cocina, de ventilación residencial, o para escribirle al técnico en ventilación que responde las consultas, tiene que funcionar igual de bien con mouse, con teclado o con un lector de pantalla. Esto describe cómo la construimos y qué hacemos cuando encontramos algo que no funciona como debería.
¿Se navega sin usar el mouse?
Sí. Cada enlace, botón, campo de formulario y control del configurador de ventilación se puede alcanzar con la tecla Tab y activar con Enter o con la barra espaciadora. El foco de teclado se marca con un contorno naranja visible — es el mismo color de acento que usamos para el resto del sitio, así que no aparece un rectángulo genérico que se pierda sobre fondo negro.
El riel horizontal de fotos de obra que aparece en la portada también responde al teclado: con las flechas izquierda y derecha se recorre cada fotografía sin necesidad de arrastrar nada con el mouse. Si tu sistema tiene activado "reducir movimiento", ese riel deja de desplazarse solo y se convierte en una lista vertical normal, foto debajo de foto.
¿Qué pasa si agrandás el texto al 200%?
El tamaño de letra está construido con clamp(), no con valores fijos en píxeles. Eso significa que el texto crece con el zoom del navegador y con la configuración de tamaño de fuente del sistema operativo sin que las palabras se corten contra el borde de la pantalla ni un botón se quede con la mitad del texto tapado. Probamos el sitio a 320 píxeles de ancho — el celular más angosto que todavía se vende — con el texto ampliado, y ninguna palabra queda oculta detrás de otro bloque.
Los titulares de la portada usan una tipografía serif de mucho contraste, pensada para leerse grande. A tamaños muy ampliados, el titular se acomoda en más líneas en vez de desbordar la pantalla hacia los costados.
¿Los colores tienen suficiente contraste?
El fondo dominante del sitio es un negro carbón (#0b0c0e) con texto en un blanco cálido (#eee9df). Esa combinación supera ampliamente el contraste mínimo que pide la pauta de accesibilidad para texto de cuerpo. El color de acento — un naranja señal, #ff4d1c — lo usamos para focos de teclado, subrayados y una palabra dentro del titular, nunca como color de texto de párrafo largo, porque sobre negro el naranja rinde mejor en bloques cortos que en prosa extensa.
El pie de página y el panel de cookies invierten la paleta a un papel claro con texto en tinta carbón, así que en ningún tramo del sitio hay texto gris claro sobre fondo gris claro, que es el error de contraste más común en sitios de servicios.
¿Las imágenes tienen descripción?
Cada fotografía del sitio — el taller con la plegadora, un instalador fijando un ducto, la furgoneta cargando materiales — lleva un texto alternativo que describe la escena real fotografiada, no una frase genérica como "imagen" o el nombre del archivo. Si una fotografía es puramente decorativa junto a un texto que ya dice lo mismo, se marca para que el lector de pantalla la salte y no repita información dos veces.
El diagrama del configurador de ventilación, que muestra el caudal recomendado en m³/h, es un dibujo vectorial propio con un título y una descripción accesible, no una captura de pantalla sin contexto.
¿Los formularios avisan si falta un dato?
El formulario de contacto, el del configurador y el del chat de consultas usan una etiqueta visible en cada campo — nombre, teléfono, dirección de la obra, correo — asociada por código al campo correspondiente, así que un lector de pantalla anuncia qué información pide cada casilla antes de que la persona escriba. Si falta un dato obligatorio o el formato no es válido, el error aparece como texto junto al campo, no solo como un cambio de color que alguien con baja visión o ceguera al color podría no notar.
Los dos campos ocultos contra formularios automáticos ("company" y "website") nunca reciben foco de teclado ni se anuncian por lector de pantalla: existen para detectar robots, no para que una persona los complete.
¿Qué estándar seguimos?
Tomamos como referencia interna las Pautas de Accesibilidad para el Contenido Web (WCAG) 2.1, nivel AA, para decidir contraste, tamaños de foco y estructura de encabezados. Esto es un criterio de trabajo, no una certificación otorgada por un tercero: ninguna entidad externa auditó ni certificó formalmente este sitio, y no lo presentamos como si lo hubiera hecho.
- Estructura
- Un solo título principal por página, encabezados en orden, sin saltar de H1 a H4 para simular jerarquía visual.
- Foco visible
- Contorno de 2px en naranja señal con separación del elemento, visible sobre fondo claro y sobre fondo oscuro.
- Movimiento
- El riel horizontal, el ticker de especificaciones y las animaciones de scroll respetan la preferencia de movimiento reducido del sistema.
- Objetivos táctiles
- Botones, enlaces del menú y controles del chat miden al menos 44 píxeles de alto, incluso en un teléfono angosto.
¿Qué hacemos si algo no funciona?
Si encontrás una imagen sin descripción, un formulario que no se puede completar solo con teclado, o un contraste que no se lee bien en tu pantalla, queremos saberlo antes que un cliente lo sufra intentando pedir un presupuesto. Corregimos el sitio con el mismo criterio con el que corregimos una obra: si algo no cierra, se rehace, no se disimula.
No prometemos un plazo fijo de corrección para cada caso porque depende de si el ajuste es de una línea de código o de una pantalla completa. Sí confirmamos por escrito que recibimos el reporte y qué vamos a revisar.
¿A quién le escribo si encontré una barrera?
Escribí a [email protected] describiendo la página, el dispositivo y el navegador que usabas. También podés llamar al +54 731 6866 en el horario de la oficina en Avenida Central 42, Office 12, Córdoba.