Las propiedades de CSS se van actualizando para mejorar su funcionamiento y usabilidad. Por ello, en esta ocasión queremos enseñarte una reciente: la propiedad «interactivity».
Utilizando interactivity en CSS podrás mejorar la accesibilidad de una web, haciendo que un contenido no sea accesible si está cerrado. Esto quiere decir que si ese contenido está cerrado no permitirá hacer foco en él.
Esto es algo que hasta ahora no se podía hacer solamente con CSS, sino que había que implementar atributos de HTML o usar JavaScript. Sin embargo, tal y como explica nuestro profesor del bootcamp, Sergio Jiménez, en el siguiente, vídeo desde ahora se puede solucionar con la propiedad de CSS: interactivity.
Aceptar el consentimiento para ver esto
En el vídeo, Sergio explica lo que ocurría hasta ahora, poniendo un ejemplo con un menú que había hecho con CSS.
Esto es posible de una forma muy sencilla. Tan solo tienes que añadir la propiedad interactivity en el elemento que no quieres que se muestre cuando está cerrado como en el siguiente código:
interactivity: inner;
Para que se muestre cuando esté activado, tendrás que añadir el siguiente código:
interactivity: auto;
Como dice Sergio, esto es algo novedoso, por lo que hay que consultar que esté disponible en los navegadores antes de incorporarlo a un proyecto.
Si quieres saber más sobre las novedades de CSS y convertirte en profesional del desarrollo web y desarrollo de software, apúntate a nuestro Bootcamp Full Stack Web Developer e inicia tu carrera en el sector tecnológico.
