El término “standar web“, es a menudo mal interpretado o comprendido. Para ciertas personas puede significar que un sitio web está “libre de tablas”, para otras implica el “uso de código válido”,… Pero, sin embargo, la definición de este concepto va mucho más allá de todo esto. Una aplicación web que sigue el “standar web” es aquella que se ajusta a los estándares de la tecnología (HTML, XHTML, XML, CSS, XSLT, DOM, MathML, SVG, etc) y que aplica las mejores prácticas (código válido, el código de acceso, código semánticamente correcto, URLs sencillas de usar,…) . Es decir, para que un sitio web se diga que sigue el “standar web“, debería estar implementado, idealmente, con un código limpio, basado en CSS, con facilidad de acceso y utilización, y optimizado para los motores de búsqueda.
Desde aquí os queremos proponer una lista de verificación para que los sitios web que desarrolleis se ajusten lo más posible al “estandar web“. Esta lista se debe entender como algo básico a cumplir, sin ser para nada una lista cerrada (probablemente habría muchos puntos que podrían añadirse…).
Con esto se pretende:
- Para mostrar la amplitud de los estándares web.
- Ofrecer una herramienta práctica para los desarrolladores durante la fase de producción de sitios web.
- Proporcionar ayuda a los desarrolladores que estén interesados en avanzar hacia estándares web.
La lista de verificación de estándares web:
1. Calidad de código:
1. El sitio web utiliza un “doctype” correcto.
2. El sitio utiliza un conjunto de caracteres.
3. El uso del sitio de validación (X) HTML.
4. El sitio web utiliza CSS válido.
5. El sitio resuelve cualquier conflicto de uso de CSS debido a los distintos navegadores.
6. El sitio web no utiliza identificadores ni clases innecesarios.
7. El sitio no tiene enlaces rotos.
8. El sitio responde bien en términos de velocidad / tamaño de página.
9. El sitio no tiene errores de JavaScript.
2. Grado de separación entre contenido y presentación:
1. El sitio web utiliza CSS para todos los aspectos de presentación: tipos de letra, color, relleno, bordes,…
2. Todas las imágenes decorativas están en el CSS.
3. Accesibilidad de los usuarios:
1. El atributo “alt” está definido y tiene un texto representativo en todas las imágenes.
2. El sitio web utiliza unidades relativas para el tamaño del texto.
3. El aspecto o disposición de los elemento no se rompe si se aumenta el tamaño de la letra.
4. El sitio utiliza formularios accesibles.
5. El sitio utiliza tablas accesibles.
6. El color, brillo y contraste del sitio son suficientes.
7. Un color en exclusividad se utiliza para mostrar la información crítica.
8. Hay retraso suficiente en la respuesta de menús desplegables (para usuarios con habilidades motoras reducidas).
9. Los enlaces de texto son suficientemente descriptivos (para usuarios ciegos).
4. Accesibilidad para los dispositivos:
1. El sitio web es compatible con los más modernos y antiguos navegadores.
2. El sitio web es accesible aún con desactivación del CSS.
3. El sitio web es accesible aún con desactivación de imágenes.
4. El sitio web es compatible con navegadores de texto.
5. El sitio web se imprime adecuadamente.
6. El sitio web funciona bien en dispositivos móviles.
7. El sitio web incluyen metadatos detallados.
8. El sitio web funciona bien en una amplia gama de tamaños de ventana del navegador.
5. Básicos de usabilidad:
1. Existe una jerarquía visual clara.
2. Hay niveles principales fáciles de distinguir.
3. La navegación del sitio es fácil de comprender.
4. la navegación del sitio web es coherente.
5. El sitio web utiliza un lenguaje apropiado y coherente.
6. El sitio tiene una página con el mapa del sitio y una de contacto. Ambas son fáciles de encontrar.
7. Para los grandes sitios, existes una herramienta de búsqueda de contenidos.
8. Existe un vínculo a la página principal del sitio.
6. La gestión del sitio
1. El sitio tiene página de error 404.
2. El sitio web utiliza URLs amigables.
3. La web funciona sin “www.” en la URL.
4. El sitio tiene un favicon.