Tras el éxito de Interoperabilidad 2022 e Interoperabilidad 2023, nos entusiasma la oportunidad de colaborar nuevamente con todos los proveedores clave de navegadores y otras partes interesadas relevantes. Nuestro objetivo compartido es mejorar la interoperabilidad entre plataformas web, lo que simplifica el trabajo de los desarrolladores y enriquece la experiencia general de los usuarios de Internet.
En esencia, Interoperabilidad es una serie integral de pruebas y comparativas diseñadas para evaluar el cumplimiento de navegadores individuales en función de nuestro compromiso conjunto con los estándares de la Web. En última instancia, Interoperabilidad se esfuerza por eliminar las incoherencias entre los navegadores y por fomentar una visión unificada dentro de la industria.
Para Interop 2024, se implementó un proceso de propuesta público para obtener la lista inicial de funciones. A partir de esa lista, todas las partes trabajaron en conjunto para crear la lista de áreas de enfoque para 2024. En la siguiente lista, se incluyen las áreas en las que esperamos que el 100% de las pruebas seleccionadas se aprueben para fin de año.
Todas las áreas de interés de 2024
Interoperabilidad 2024 incluye 12 áreas de enfoque nuevas, además de 5 transferidas de 2023, con algunas correcciones por realizar. Las áreas son las siguientes:
- Accesibilidad
- Anidación de CSS
- Custom Properties
- Shadow DOM declarativo
- font-size-adjust
- URLs HTTPS para WebSocket
- IndexedDB
- Diseño
- Eventos de puntero y mouse
- Notificación emergente
- Sintaxis de colores relativos
- requestVideoFrameCallback
- Estilo de la barra de desplazamiento
- @starting-style y transaction-Behavior
- Direccionalidad del texto
- ajuste de texto: equilibrio
- URL
Para ver detalles de todas las áreas de enfoque, visita el panel de Interoperabilidad 2024, en el que se muestran detalles de las funciones y el trabajo necesarios, junto con las puntuaciones actuales para cada navegador. En el resto de este artículo, encontrarás información sobre algunas de las áreas en las que Chrome debe trabajar más para alcanzar el 100%.
Anidación
El módulo de anidación de CSS define una sintaxis para anidar selectores, lo que brinda la capacidad de anidar una regla de estilo dentro de otra, con el selector de la regla secundaria en relación con el selector de la regla superior.
La anidación de CSS es diferente de los preprocesadores de CSS, como Sass, en que el navegador lo analiza en lugar de ser compilado previamente por un preprocesador de CSS.
El anidamiento de CSS facilita la legibilidad, la modularidad y el mantenimiento de las hojas de estilo de CSS. Además, potencialmente ayuda a reducir el tamaño de los archivos CSS, lo que disminuye la cantidad de datos que descargan los usuarios.
Si bien todos los navegadores admiten la anidación de CSS, existen algunas diferencias en las implementaciones debido a cambios en la especificación. Durante Interoperabilidad 2024, el objetivo es garantizar que todos los navegadores sigan la especificación actual.
Obtén más información sobre el anidamiento de CSS y descubre una actualización clave de la especificación que habilita la anidación de nombres de etiquetas con elementos vacíos.
ajuste de texto: equilibrio
El valor de saldo de la propiedad text-wrap de CSS le indica al navegador que quieres que balancee las líneas de texto. Por lo general, se usa en encabezados o en otras secciones de texto corto para evitar las ventanas tipográficas.
Los navegadores son diferentes en cuanto a su compatibilidad con las diversas versiones de atajo y atajo de esta propiedad. Durante Interoperabilidad de 2024, buscamos que sean interoperables.
El equilibrio de títulos y otras secciones de texto corto es una función que los desarrolladores solicitan con frecuencia. Obtén más información en Ajuste de texto de CSS: balance, la publicación a las ventanas tipográficas en la Web o Balanceo de texto de CSS con ajuste de texto: balance.
URLs HTTP(S) para WebSocket
El constructor de WebSocket originalmente requería las URLs ws: y wss:, lo que impedía el uso de URL relativas y el código alternativo resultante.
Se actualizó la especificación para permitir esquemas http(s) y, por lo tanto, URLs relativas. Estos se normalizan en ws: y wss:.
Durante Interoperabilidad 2024, actualizaremos nuestra implementación para admitir esquemas http(s).
Sintaxis de colores relativos
La sintaxis de colores relativos se define en la especificación de CSS Color 5 y proporciona una manera de manipular los colores en CSS. Por ejemplo, oscurece, aclara o reduce la saturación de un color.
La sintaxis de colores relativos es prácticamente interoperable, pero los navegadores no implementaron la palabra clave currentcolor. Estas pruebas se incluyen en Interoperabilidad 2024.
Obtén información sobre todo lo que puedes hacer con esta función en Sintaxis de colores relativos de CSS.
El panel de Interoperabilidad de 2024
Al igual que en años anteriores, las puntuaciones actuales de las versiones experimentales y estables de navegadores se publicarán en el panel para que puedas ver cómo cambian las puntuaciones.
Estamos muy entusiasmados por ver cuántas mejoras se pueden hacer en todas las áreas de interés este año.