La teoría detrás de la mejora progresiva

Cuando construyes un sitio web, tienes algunas maneras de hacerlo..

Puede comenzar creando la versión más avanzada del sitio con todos los scripts, estilos, etc., y luego hacer que se muestre en navegadores más antiguos mediante una degradación elegante, puede optar por ignorar los navegadores más antiguos o puede comenzar con una página básica y agregue scripts y estilos para que sea más funcional a través de la mejora progresiva.

En esta serie, vamos a echar un vistazo a este último..

Primero, vamos a echar un vistazo a la teoría detrás de la mejora progresiva. Pero no te dejes intimidar, no es ciencia espacial. Las reglas que deberás seguir son simples..

Por qué?

Puede preguntar: ¿Por qué debería molestarme con navegadores más antiguos? En este momento, la mayoría de los principales navegadores se actualizan automáticamente.

En primer lugar, a menos que esté creando una aplicación web altamente interactiva, debe considerar a los usuarios deshabilitados. Pueden usar lectores de pantalla para acceder a su sitio y estos programas no leen estilos o interfaces complicadas simplemente porque sería muy difícil para el usuario entender lo que hay en la página..

En segundo lugar, todavía hay personas que deshabilitan JavaScript y / o CSS. Hay muchas razones para esto: límites de ancho de banda, conexiones lentas y preferencias personales. Algunas personas también usan navegadores basados ​​en texto, que pueden analizar una cantidad limitada de CSS, pero ignoran JavaScript.

A continuación, hará que su código sea más fácil de mantener. Es probable que tengas más HTML semántico. Podrá volver a visitarlo en el futuro y comprender fácilmente lo que está sucediendo con el marcado, los estilos y los scripts..

Finalmente, es importante recordar que hay entornos que no permiten a los usuarios instalar o actualizar ningún software, incluido el navegador web (esto es popular en grandes corporaciones).

Y si todavía no está convencido, algunos países incluso han legislado las leyes apropiadas, lo que obliga a los desarrolladores web a hacer que sus sitios sean accesibles para usuarios con discapacidades (por ejemplo, el Reino Unido)..

Principios básicos

Ahora revisemos las reglas básicas de creación de sitios web que utilizan mejoras progresivas..

El contenido básico debería ser accesible a todos los navegadores web

Esto parece bastante sencillo si comprende el contexto en el que se usa la palabra "contenido".

Aquí, "contenido" es la información que desea que el usuario reciba en su forma más básica: texto. Encabezados, anotaciones, enlaces, párrafos y similares están bien, pero las imágenes, la música, las animaciones no son el contenido del que estamos hablando aquí (y deben describirse correctamente usando alt y título atributos).

Ahora, una palabra sobre el aspecto "accesible": no solo todos los navegadores web deben poder mostrar su contenido, sino que deben mostrarlo en un formato legible. Por lo tanto, volcar todo el texto en un solo párrafo sin formatear es una mala idea.

La funcionalidad básica debería ser accesible a todos los navegadores web

Esto significa que si hay un ancla o un botón en su página, el usuario aún debe poder navegar por el contenido. Esto no importa si está usando la última versión de Chrome o una versión anterior de Internet Explorer.

El marcado semántico contiene todo el contenido

Este punto requiere más planificación, especialmente cuando se trata de crear diseños elaborados. Te obliga a poner tu contenido en etiquetas HTML básicas con la menor cantidad posible de ellas. Esto significa que no podemos anidar una docena de