Le dernier trimestre 2023 s'est bien terminé, avec de nombreux progrès de l'ensemble des navigateurs sur les domaines prioritaires d'Interop 2023. Dans cet article, découvrez les scores d'interopérabilité 2023 jusqu'à présent et les fonctionnalités désormais disponibles suite aux efforts déployés cette année.
État en janvier 2023
En janvier 2023, nous avons annoncé le lancement d'Interop 2023 et des 26 domaines que tous les moteurs devraient améliorer au cours de l'année.
Au moment du lancement, le score d'interopérabilité global des navigateurs expérimentaux était de 62.
État en octobre 2023
Le score d'interopérabilité global pour les navigateurs expérimentaux est de 89. Si vous passez à la vue stable et que vous examinez les éléments déjà expédiés dans les navigateurs stables, le score est de 75. Derrière ce score se cache tout un tas de choses qui fonctionnent maintenant sur les principaux moteurs. Certaines d'entre elles sont de petites corrections d'interopérabilité, mais aussi des fonctionnalités majeures.
Dimensionner les requêtes de conteneur et les valeurs de longueur de requête du conteneur
En février, nous avons célébré l'interopérabilité des requêtes de conteneur de taille. Cette fonctionnalité était demandée depuis longtemps par les développeurs Web. Pouvoir la proposer aussi rapidement sur tous les moteurs a été un atout considérable pour la plate-forme Web.
Les requêtes de conteneur de taille viennent s'ajouter aux unités de requête de conteneur.
Elles sont utilisées de la même manière que les unités de fenêtre d'affichage telles que vw
, à la différence qu'elles sont liées au conteneur et non à la fenêtre d'affichage.
Navigateurs pris en charge
- 105
- 105
- 110
- 16
Espaces colorimétriques et fonctions
En mai, les espaces colorimétriques Lab, LCH, Oklab et Oklch sont devenus compatibles
de manière interopérable. Les notations fonctionnelles CSS lab()
, lch()
, oklab()
et oklch()
permettent aux développeurs d'utiliser ces espaces de couleur. Les notations fonctionnelles color()
et color-mix()
ont également été incluses.
Pour en savoir plus sur ces nouveaux espaces de couleur et fonctions, consultez le guide des couleurs CSS haute définition.
Sous-réseau
La fonctionnalité de sous-grille pour la mise en page en grille CSS est une nouvelle valeur pour grid-template-columns
et grid-template-rows
. Elle permet à une grille imbriquée d'utiliser la définition de piste de la grille parent. Cela signifie que vous pouvez aligner
les éléments imbriqués dans votre structure de grille.
En savoir plus sur les sous-grilles Pour découvrir certaines des complexités qui rendent l'implémentation d'une sous-grille difficile, regardez cette vidéo de BlinkOn 18.
L'attribut HTML inerte
L'attribut global HTML inert
signifie que vous pouvez signaler des sections de votre page comme inertes. Cela empêche les événements de clic et de sélection, et masque l'élément et son contenu dans l'arborescence d'accessibilité. Cela est utile pour le contenu qui se trouve visuellement hors de l'écran, par exemple, et qui doit donc être inactif pour les lecteurs d'écran.
Et ce n'est pas tout
En plus de ces principales fonctionnalités, de nombreuses autres fonctionnalités et corrections ont été ajoutées aux navigateurs cette année. Des versions pour navigateur sont en attente pour le reste de l'année, et nous publierons un résumé complet une fois tous les scores.