Actualización de octubre de Interoperabilidad de 2023

Ya emprendemos el último trimestre de 2023, con mucho progreso de todos en las áreas de enfoque de Interoperabilidad 2023. En este artículo, encontrarás información sobre las las puntuaciones de Interoperabilidad 2023 hasta ahora. Las funciones ya están disponibles debido a los esfuerzo.

En enero de 2023, anunciamos el lanzamiento de Interoperabilidad 2023. y las 26 áreas de interés en las que todos los motores trabajarían para mejorar durante el año.

La puntuación general de Interoperabilidad para navegadores experimentales al momento del lanzamiento era

Las puntuaciones de Interoperabilidad en general: 62, Investigaciones: 0 y las puntuaciones por navegador: 86 para Chrome y Edge, 74 para Firefox, 86 para Safari Technology Preview.
El panel de Interoperabilidad 2023 (captura de pantalla tomada el 31 de enero de 2023).

Estado a partir de octubre de 2023

La puntuación general de Interoperabilidad para navegadores experimentales es 89. Si cambia a la vista estable y echa un vistazo a los elementos que ya se en navegadores estables, el puntaje es de 75. Detrás de esa puntuación es un montón de cosas que ahora funcionan en los motores principales. Algunos de esos son correcciones pequeñas de interoperabilidad, pero también algunas funciones importantes.

Las puntuaciones de Interoperabilidad en general: 89, Investigaciones: 66 y las puntuaciones por navegador: 97 para Chrome y Edge, 93 para Firefox, 95 para Safari Technology Preview.
El panel de Interoperabilidad 2023 (captura de pantalla tomada el 30 de octubre de 2023)

Ajusta el tamaño de las consultas de contenedores y los valores de longitud de las consultas de contenedores

En febrero, celebramos el tamaño de las consultas de contenedores son interoperables. Esta era una función muy solicitada para la Web, desarrolladores, y tenerlo disponible en todos los motores tan rápido fue una gran victoria para la plataforma web.

Navegadores compatibles

  • 105
  • 105
  • 110
  • 16

Origen

Además del tamaño de las consultas de contenedores, vino la consulta de contenedores unidades. Se usan de la misma manera que las unidades de viewport, como vw, la diferencia es que están relacionados con el contenedor y no con el viewport.

Navegadores compatibles

  • 105
  • 105
  • 110
  • 16

Espacios de color y funciones

En mayo, los espacios de color Lab, LCH, Oklab y Oklch se incorporaron a la interoperabilidad no es compatible. Las notaciones funcionales de CSS lab(), lch(), oklab() y oklch() les ofrece a los desarrolladores una forma de usar estos espacios de color. El punto de vista también se incluyeron las notaciones color() y color-mix().

Navegadores compatibles

  • 111
  • 111
  • 113
  • 15

Origen

Puedes obtener más información sobre estos nuevos espacios de color y funciones en la sección Alta definición de color CSS de la guía de YouTube.

Subcuadrícula

La función de subcuadrícula para el diseño de cuadrícula de CSS es un valor nuevo para grid-template-columns y grid-template-rows que permiten que una cuadrícula anidada utiliza la definición de segmento de la cuadrícula superior. Esto significa que puedes alinear elementos anidados en la estructura de cuadrícula.

Navegadores compatibles

  • 117
  • 117
  • 71
  • 16

Origen

Obtén más información sobre subcuadrícula. Para descubrir algunas de las complejidades que dificultaron la implementación de la subred, mira este video de BlinkOn 18.

El atributo HTML inerte

El código HTML inert global significa que puedes marcar secciones de tu página como inertes. Esta evita los eventos de clic y enfoque, y oculta el elemento y su contenido de la árbol de accesibilidad. Esto es útil para el contenido que está visualmente fuera de pantalla para ejemplo y, por lo tanto, también debería estar inactivo para los lectores de pantalla.

Navegadores compatibles

  • 102
  • 102
  • 112
  • 15.5

Origen

Y hay mucho más

Además de estas funciones principales, hay muchas otras funciones y correcciones en navegadores este año. Hay versiones de navegadores alineadas para el resto del año, y publicaremos un resumen completo una vez que estén todas las puntuaciones.