Estándares de diseño web

ESTÁNDARES DE DISEÑO WEB

( W3C )

¿Qué son los estándares web? ¿Realmente los necesitamos?

Cuando te sientas a crear un nuevo sitio web, probablemente sigas un proceso estricto con listas de verificación para todo lo que necesitas hacer (portada o inicio, formulario de contacto, banners, textos, imágenes...). ¿Pero, esas listas de verificación incluyen algo sobre estándares web? Y, si no, ¿deberían? Hoy veremos qué son los estándares web, por qué los tenemos y qué es lo que realmente necesita hacer con ellos como diseñador web.

Cuando hablamos de estándares web, a lo que nos referimos son especificaciones formales a las que Internet y todo lo que debe cumplir. Por lo tanto, con frecuencia se trata menos de cómo aparece la interfaz de un sitio web y más sobre cómo está estructurado el back-end del mismo.

¿Qué son los estándares web?

Los estándares web no se centran solo en el desarrollo web tampoco. Tocan navegadores, HTTP, software de diseño y desarrollo, así como dispositivos de consumo.Esencialmente, los estándares web se desarrollan y formalizan para dar fuerza y consistencia al núcleo de la web. Cuanto más nos adherimos a estos estándares, más accesible será la web para todos. Incluso si no está involucrado en la codificación de sus sitios web, es probable que esté familiarizado con los estándares web actuales:

HTML, CSS y JavaScript válidos

El código mal escrito puede causar muchos problemas para el rendimiento de un sitio web, sin mencionar los errores que puede introducir. Entonces, esta fue una de las primeras cosas que necesitábamos para manejar.Dado que HTML, CSS y JavaScript forman la columna vertebral de la web, existen estándares estrictos relativos a cómo se escriben y cuándo se usan.

Además, a medida que las variaciones de estos idiomas entran en el léxico de la web, como HTML5 y CSS3, también se crean estándares para ellos. Al estandarizar la codificación, hacemos posible que todos los desarrolladores y diseñadores hablen el mismo idioma, y que cada navegador web o software los comprenda.

En los primeros días de la web, las guerras del navegador entre Internet Explorer y Firefox eran problemáticas. Cuando intentaron competir por una mayor participación en el mercado, sus tecnologías divergieron enormemente.

¿De dónde vienen los estándares web?

Si se dejaran en sus propios dispositivos, esos navegadores podrían haber hecho un daño real a Internet, causando una experiencia fracturada de un navegador a otro y de un sitio web a otro. Tim Berners-Lee, la persona que fundó la red mundial, decidió que era necesario hacer algo y, como resultado, formó el Consorcio World Wide Web (W3C).

¿De dónde vienen los estándares web?

Desde la fundación del W3C, la misión de esta organización de estándares ha sido establecer estándares universales que permitan que la web crezca en una dirección positiva. El W3C no fue la única organización de estándares que intentó mejorar Internet en los primeros días. El Proyecto de estándares web surgió en los años 90 para brindar apoyo al W3C. Su misión específica era ayudar a que la web fuera menos costosa y compleja de construir y administrar. Aunque se disolvió en 2013, desempeñó un papel fundamental para lograr que los navegadores web admitan HTML 4 y XHTML.

¿Qué son los estándares Web W3C?

Los estándares Web W3C son protocolos, pautas y tecnologías inter-operativas e internacionales creadas con la finalidad de guiar la Web a un mejor rendimiento y mejorar la funcionalidad operativa para los navegadores y usuarios.

¿Por qué es importante cumplir con estos estándares?

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. Los sitios web son construidos a través de un lenguaje llamado por sus siglas HTML (Hypertext Markup Languaje) y CSS (Cascade Style Sheet) estas instrucciones o etiquetas sin el cumplimiento de los estándares o la validación correcta pueden presentar diferencias o errores si se visualizan desde diferentes navegadores web (Chrome, Mozilla, IE, Edge, Opera, etc.)

Cuando surgió HTML5 y CSS3 en el año 2012 muchos navegadores aún no estaban preparados para interpretar las nuevas etiquetas, el caso más conocido es Internet Explorer el navegador que siempre fue muy problemático por su poca compatibilidad con las etiquetas de HTML5 y las propiedades de CCS3.

Nivel de compatibilidad de algunas etiquetas HTML5 en su aparición en el año 2012, nuestro buen Internet Explorer estaba a cero.

¿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.

Calidad en el código: Usar correctamente las etiquetas, no usar id repetidos, evitar errores de JavaScript, entre otros. Accesibilidad para usuarios: Utilizar los atributos "alt" para todas las imágenes, usar enlaces descriptivos, contraste en los colores, entre otros. Accesibilidad para dispositivos: Funciona en la mayoría de navegadores y sus versiones más antiguas, valida si funciona en dispositivos móviles y en diferentes tamaños de pantalla, entre otros. Gestión del sitio: No tiene enlaces rotos, usa una página 404 personalizada, usa urls amigables, entre otros.

Aspectos que verifica W3C

En lo que respecta a los usuarios, uno de los mayores beneficios para ellos es la previsibilidad de la web. Eso no quiere decir que los estándares web te prohibirán ser creativo en la forma de diseñar un sitio web. Sin embargo, en términos de cómo funciona y cómo sus visitantes pueden interactuar con él, esos elementos deben ser consistentes con el resto de la web. Esto crea un entorno más atractivo para los usuarios, ya que elimina la lucha y la confusión que conlleva el ingreso a un nuevo territorio. En lo que respecta a los diseñadores web, creo que eso ya se ha aclarado. No solo le ayuda a trabajar de manera más eficiente, sino que le permite contribuir a una mejor web, una bien construida y accesible para todos.

¿Para qué necesitamos estándares web?

Actividad

Comprobando sitios web. 1. Ingresa al sitio: https://validator.w3.org/ 2. Verifica los siguientes sitios: https://www.gob.mx/sep https://es.wikipedia.org/wiki/Wikipedia:Portada https://edomex.gob.mx/ https://www.coppel.com/ http://m.lacasadetono.com.mx/

Actividad

3. En un documento menciona lo siguiente: ¿Contienen errores? ¿Consideras que hay sitios sin errores o que se apeguen completamente a los estándares de diseño? ¿Qué conclusión puedes sacar de esta actividad? 4. Navega a través de otras páginas que contiene el sitio https://validator.w3.org/ y explica qué más pudiste encontrar.

Actividad

5. Ingresa a https://www.w3c.es/estandares/ y elabora un cuadro sinóptico con la información mostrada en ella.

¡ G R A C I A S !