Novedades de la plataforma web en abril

Descubre algunas de las funciones interesantes que se lanzaron en los navegadores web estables y beta durante abril de 2022.

Rachel Andrew

Versiones estables del navegador

En abril, Chrome 101 y Firefox 99 se volvieron estables. Después de la gran cantidad de funciones que se lanzaron el mes pasado, abril fue un mes más tranquilo, pero se lanzaron algunas funciones interesantes que podemos usar.

Chrome 101 incluye la notación de color hwb. Especifica el color según su tono, blancura y negrura. Al igual que con otras notaciones de color, un componente alfa opcional especifica la opacidad.

h1 {
  color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}

Para obtener más información sobre hwb(), lee este artículo de Stefan Judis: hwb() – a color notation for humans?.

En Chrome 101, también se incluye la función Fetch Priority. Esto te permite sugerirle al navegador en qué orden se deben descargar los recursos con el atributo fetchpriority. En el siguiente ejemplo, una imagen de baja prioridad se indica con fetchpriority="low".

<img src="/images/in_viewport_but_not_important.svg" fetchpriority="low" alt="I'm an unimportant image!">

La prioridad de recuperación aún no está disponible en otros navegadores, pero puedes comenzar a usarla ahora mismo para beneficiar a cualquier persona que tenga un navegador basado en Chromium 101.

Firefox 99 incluye la propiedad pdfViewerEnabled de la interfaz Navigator. Esta propiedad indica si el navegador admite la visualización integrada de archivos PDF.

if (!navigator.pdfViewerEnabled) {
  // The browser does not support inline viewing of PDF files.
}

Versiones beta del navegador

Las versiones beta del navegador te brindan una vista previa de lo que se incluirá en la próxima versión estable del navegador. Es un buen momento para probar funciones nuevas o eliminaciones que podrían afectar tu sitio antes de que el mundo vea ese lanzamiento.

Las nuevas versiones beta de abril fueron Chrome 102, Firefox 100 y Safari 15.5.

Chrome 102, Safari 15.5 y las versiones preliminares de Firefox incluyen el atributo inert. Esto quita elementos del orden de tabulación y del árbol de accesibilidad si no son interactivos. Por ejemplo, un elemento que actualmente está fuera de la pantalla o está oculto.

Chrome 102 incluye el nuevo valor until-found para el atributo hidden de HTML. Esto permite la función de buscar en la página y desplazarse al fragmento de texto en el texto que se encuentra dentro de un área contraída de la página, como se puede encontrar en un patrón de acordeón. Obtén más información en la entrada Cómo hacer que el contenido contraído sea accesible con hidden=until-found.

Chrome 102 también incluye la API de Local Font Access, que permite acceder a las fuentes instaladas localmente por el usuario.

Estas funciones beta pronto estarán disponibles en los navegadores estables.

Parte de la serie New to the web