Estándares Web W3C - Qué son, cómo funciona, para qué sirven

¿Qué son los estandares Web?

Son lenguajes Web, protocolos y tecnologías inter-operativas e internacionales creadas con la finalidad de guiar la Web hacia su máximo potencial a través del desarrollo de protocolos y pautas estandarizadas.

Con el objetivo de que la Web alcance su máximo potencial, las tecnologías Web más destacadas deben ser compatibles entre sí y permitir que cualquier hardware y software para acceder a la Web funcione conjuntamente.

El W3C hace referencia a este objetivo denominándolo "interoperabilidad Web".

¿Porque necesito estándares Web?

• ¿Ha visitado alguna vez una página Web y no podía ver correctamente los contenidos?
• ¿Utiliza un navegador de Internet como puede ser el caso de Mozilla Firefox, Opera o Safari diferente al mayoritario ( Internet Explorer ) y está cansado de ver que los elementos de la página web no se ven o no funcionan correctamente?
• ¿Tiene problemas de visión y no puede cambiar el tamaño de la fuente porque las páginas se desestructuran o se ven mal?

Pues bien, si esto le ha pasado alguna vez y era bastante molesto piense ahora que es un visitante de su propia página Web ...

Lo más lógico es que acabe de perder un potencial cliente sin ni siquiera haberle dado la posibilidad de ofrecerle sus servicios o artículos y que además posiblemente no vuelva a visitar su página Web.

¿Qué es un Estándar?

Un estándar es un conjunto de reglas normalizadas que describen los requisitos que deben ser cumplidos por un producto, proceso o servicio, con el objetivo de establecer un mecanismo base para permitir que distintos elementos hardware o software que lo utilicen, sean compatibles entre sí.

El W3C, organización independiente y neutral, desarrolla estándares relacionados con la Web también conocidos como Recomendaciones, que sirven como referencia para construir una Web accesible, interoperable y eficiente, en la que se puedan desarrollar aplicaciones cada vez más robustas.

¿Qué es el W3C?

El Consorcio World Wide Web (W3C) es una comunidad internacional donde las organizaciones Miembro, personal a tiempo completo y el público en general trabajan conjuntamente para desarrollar estándares Web.

Liderado por el inventor de la Web Tim Berners-Lee y el Director Ejecutivo (CEO) Jeffrey Jaffe, la misión del W3C es guiar la Web hacia su máximo potencial.

¿Quien participa en la creación de recomendaciones W3C?

Participan sus Miembros (más de 400 organizaciones, distribuidas a lo largo de todo el mundo y de diversos ámbitos: grandes empresas de hardware o software, centros investigadores, universidades, administraciones públicas, etc.), el Equipo del W3C, expertos invitados, y cualquier usuario de la Web que quiera mostrar su opinión.

El resultado: más de 110 tecnologías desde 1996.

¿Para qué sirven?

La finalidad de los estándares es la creación de una Web universal, accesible, fácil de usar y en la que todo el mundo pueda confiar.

Con estas tecnologías abiertas y de uso libre se pretende evitar la fragmentación de la Web y mejorar las infraestructuras para que se pueda evolucionar hacia una Web con la información mejor organizada.

¿Cómo funciona un estándar?

La creación de un estándar requiere de un proceso controlado en el que especialistas en la materia aseguran la calidad depurando las especificaciones antes de recomendarlas en la W3C.

Los estándares Web más conocidos y ampliamente utilizados son: HTML (HyperText Markup Language), XML (eXtensible Markup Language) y CSS (Cascading Style Sheets).

Lista de comprobación de estándares web

Calidad de código

• ¿Usa el sitio un correcto Doctype?
• ¿El sitio utiliza código HTML válido?
• ¿El sitio utiliza código CSS válido?
• ¿Usa el sitio 'clases' o 'ids' innecesarias?
• ¿Está el código bien estructurado?
• ¿Contiene el sitio algún enlace roto?
• ¿Cómo responde el sitio en términos de velocidad y peso de sus páginas?
• ¿Tiene el sitio errores de JavaScript?

Grado de separación entre contenido y su presentación

• ¿Utiliza el sitio CSS para todos los aspectos de la presentación (tipografía, colores, márgenes, bordes, etc.)?
• ¿Están todas las imágenes decorativas dentro del código CSS, o aparecen en el código HTML?

Accesibilidad para usuarios

• ¿Se utilizan los atributos "alt" para todas las imágenes descriptivas?
• ¿El sitio utiliza unidades relativas en lugar de absolutas para el tamaño del texto?
• ¿El sitio utiliza menús visibles?
• ¿Usa el sitio formularios accesibles?
• ¿Usa el sitio tablas accesibles?
• ¿Hay suficientes brillos / contrastes de color?
• ¿Existe un retraso en la respuesta de los menús desplegables 'dropdown' (para los usuarios con habilidades motoras reducidas)?
• ¿Son todos los enlaces descriptivos (para usuarios invidentes)?

Accesibilidad para dispositivos

• ¿Funciona el sitio aceptablemente en los navegadores modernos y los más viejos?
• ¿El contenido es accesible con el CSS desactivado o no soportado?
• ¿El sitio funciona en navegadores de texto?
• ¿El sitio es util para mandar a imprimir?
• ¿El sitio funciona bien en los dispositivos móviles?
• ¿El sitio incluye Tags detallados?
• ¿El sitio funciona bien en los distintos tamaños de la ventana del navegador?

Usabilidad Básica

• ¿Existe una jerarquía visual clara?
• ¿Son los niveles del encabezado fáciles de distinguir?
• ¿El sitio dispone de una navegación fácil entender?
• ¿El sitio utiliza una navegación consistente?
• ¿Los enlaces están subrayados?
• ¿Dispones de un mapa del sitio y una página de contacto? ¿Son fáciles de encontrar?
• ¿hay una herramienta de búsqueda?
• ¿Hay un enlace a la página principal o de entrada en cada página del sitio?
• ¿Los enlaces visitados se definen claramente con un color único?

Gestión del sitio

• ¿El sitio tiene una página de error 404 significativa y de ayuda en el sitio?
• ¿El sitio utiliza URLs amigables?
• ¿Tus URLs funcionan sin "www"?

El futuro de los Estándares

Algunos estándares se van perfilando en las web

Más que estándares, aspectos que predominan en los proyectos web exitosos.

• Áreas que requieren registro
• Publicidad en formato texto
• Romper el efecto cabecera
• Eliminación de áreas fijas de navegación
• Navegación relacionada
• Altísima velocidad de descarga
• Menús desplegables dinámicos no funcionan
• Páginas de bienvenida y elección de idioma
• Vínculos azules y subrayados
• No lanzar contenidos nuevas ventanas