Découvrez certaines fonctionnalités intéressantes qui ont été intégrées aux navigateurs Web stables et bêta en mai 2022.
Versions stables du navigateur
En mai, Chrome 102, Safari 15.5, Firefox 100 et Firefox 101 sont devenus stables.
Chrome 102 et Safari 15.5 incluent l'attribut inert. Cela supprime les éléments non interactifs de l'ordre de tabulation et de l'arborescence d'accessibilité. Il peut s'agir, par exemple, d'un élément actuellement hors écran ou masqué.
Chrome 102 inclut la nouvelle valeur until-found pour l'attribut HTML hidden. Cette option active la recherche sur la page et le défilement jusqu'à un fragment de texte pour le texte situé dans une zone réduite de la page, comme vous pouvez le voir dans un motif accordéon. Pour en savoir plus, consultez l'article Rendre le contenu réduit accessible avec "hidden=until-found".
Chrome 102 intègre l'API Navigation, qui standardise le routage côté client dans les applications monopages. Cette API s'appelait auparavant API App History.
Firefox 101 est compatible avec les feuilles de style constructibles. La prise en charge inclut le constructeur CSSStyleSheet(), ainsi que les méthodes replace() et replaceSync(). Les feuilles de style constructibles permettent de créer plus facilement des feuilles de style à utiliser avec le Shadow DOM. Dans l'exemple suivant, une feuille de style est créée à l'aide du constructeur CSSStyleSheet(), une règle CSS est ajoutée avec la méthode replaceSync(), et la règle qui en résulte est imprimée dans la console.
const stylesheet = new CSSStyleSheet();
stylesheet.replaceSync('body { color: red; }');
console.log(stylesheet.rules[0].cssText);
Dans Firefox 101, la fonctionnalité multimédia prefers-contrast est également disponible sur tous les navigateurs.
Versions bêta des navigateurs
Les versions bêta vous donnent un aperçu de ce qui sera disponible dans la prochaine version stable du navigateur. C'est le moment idéal pour tester de nouvelles fonctionnalités, ou des suppressions, qui pourraient avoir un impact sur votre site, avant qu'elles soient publiées.
Les nouvelles versions bêta d'avril étaient Chrome 103 et Firefox 102.
Firefox 102 inclut la fonctionnalité multimédia update. Ce paramètre permet de demander si le périphérique de sortie peut modifier l'apparence du contenu une fois celui-ci affiché. Elle accepte les valeurs suivantes:
none- Une fois le rendu effectué, le contenu ne peut plus être mis à jour. Par exemple, un document imprimé.
slow- L'appareil peut mettre à jour le contenu, mais trop lentement pour que l'animation soit fluide. comme les écrans E-Ink.
fast- Le contenu peut changer de façon dynamique et rapide pour afficher les animations. (écran d'un ordinateur ou d'un téléphone, par exemple).
Chrome 103 inclut l'API Local Font Access, qui permet d'accéder aux polices installées localement par l'utilisateur.
Ces fonctionnalités bêta seront bientôt disponibles dans des navigateurs stables.
Modification: une version précédente de cet article mentionnait la méthode Element.isVisible(), qui n'est pas incluse dans cette version.
Fait partie de la série Web "New to the Web Series"