
Una guía para el uso de las etiquetas <picture> y srcset.
Dentro de toda la información que engloba una página web, las imágenes son a menudo una de las partes más importantes. Desde que existe internet, y ya van más de 25 años, las imágenes no han sido muy “adaptables”, siempre han tenido como un valor fijo su tamaño, el formato, el recorte que muestran. Todo ello definido por un único src.La versión SVG 1.1 tiene ciertas características que permiten la accesibilidad pero la versión SVG 2.0 tendrá acceso a otro nivel superior. Mientras el primero tiene un buen soporte cross-browser, en el segundo caso es demasiado pronto para que los navegadores hayan implementado soporte todavía.
En este artículo se analizan las maneras de hacer que los SVG 1.1 sean lo más accesibles posible, dejando notas de lo que puede ser la versión 2.0.Dentro de los lenguajes de programación web, coincidimos todos en que CSS es el más sencillo. Está basado en una lista simple de propiedades que afectan a un elemento. ¿Que necesitas cambiar el tamaño de un texto? Tienes la propiedad la font-size, y así con todos los elementos.
La dificultad viene cuando estás embarcado en un proyecto profesional con una cierta complejidad y esperas un rendimiento alto de la programación. Ahí el CSS se convierte en un sistema también complicado, teniendo en cuenta además que a la gran variedad de propiedades a aplicar a un elemento o conjunto de elementos hay que sumar múltiples navegadores y motores de diseño.
Este artículo pretende ser una recopilación de los errores más comunes.