Sitio web de InAliance Networks

El punto de partida

• Contenido dentro de imágenes: los textos de Nosotros, Misión, Visión y Valores eran parte de 4 láminas PNG de un slider: no se pueden seleccionar ni leer con lector de pantalla, y Google no los indexa como texto.
• Gris claro sobre blanco en esas láminas: bajo contraste.
• Código de 2014: jQuery 1.11, Modernizr y un slider, para mostrar una imagen por vez.
• Errores de HTML y CSS: identificadores repetidos, un campo de correo de tipo texto, font-size: 20 sin unidad.

Lo que hicimos

• Una página con secciones reales de texto: servicios, cobertura, nosotros, contacto. Todo seleccionable e indexable.
• Jerarquía clara: el primer pantallazo dice quién es, a quién atiende y cómo pedir presupuesto.
• Sin dependencias: HTML, CSS y 10 líneas de JavaScript para el menú. Fuentes propias.
• Accesibilidad: enlace para saltar al contenido, foco visible, etiquetas en cada campo y menú con estado.
• Textos corregidos manteniendo el sentido original. Cifras (año, países, ciudades) tomadas del contenido existente.

Formulario de contacto

Se reemplazó el envío anterior, que tomaba el remitente directamente de lo que escribía el visitante, por un formulario con remitente fijo del dominio, respuesta al correo del visitante, validación en el servidor, campo trampa contra robots y una página de confirmación sin reenvíos al recargar.