BT

Accueil InfoQ Actualités Chrome 83 DevTools Emule Les Déficiences Visuelles Et Les Paramètres Régionaux

Chrome 83 DevTools Emule Les Déficiences Visuelles Et Les Paramètres Régionaux

Favoris

La prochaine version 83 de Chrome comprend des mises à jour importantes de DevTools, notamment l'émulation des déficiences visuelles et des paramètres régionaux des utilisateurs, le débogage de cross-origin opener policy (COOP) et le débogage de cross-origin embedder policy (COEP) et le filtrage des requêtes réseau pour les chemins des cookies.

Après avoir annulé la sortie de Chrome 82 en raison du COVID-19, l'équipe Chrome va publier Chrome 83 trois semaines plus tôt que prévu initialement, maintenant prévu pour la mi-mai. Chrome DevTools reçoit plusieurs améliorations clés dans cette version.

L'inspecteur d'accessibilité de Firefox fournit sans doute la meilleure prise en charge intégrée du navigateur pour l'accessibilité et a ajouté la prise en charge de la simulation de déficience visuelle dans Firefox 70. Les DevTools de Chrome 83 comblent l'écart en ajoutant la prise en charge de la vision floue et quatre types de déficiences de la vision des couleurs :

  • Protanopie : incapacité à percevoir la lumière rouge
  • Deutéranopie : incapacité à percevoir le feu vert
  • Tritanopie : incapacité à percevoir la lumière bleue
  • Achromatopsie : incapacité à percevoir n'importe quelle couleur sauf les nuances de gris

Ces outils permettent aux développeurs de visualiser l'expérience des utilisateurs ayant des déficiences visuelles et d'ajuster les schémas de couleurs et les conceptions en conséquence pour offrir une meilleure accessibilité. De nombreux outils existent déjà pour tester ces limitations, mais avoir cette prise en charge directement dans DevTools du navigateur rend cela plus accessible pour tous les développeurs.

Une meilleure prise en charge de la vision de l'accessibilité est disponible dans les navigateurs pour les développeurs tels que Polypane, qui comprend des émulations pour le daltonisme, le glaucome, la prebythie et un soleil éclatant.

La prise en charge de l'internationalisation native continue de s'améliorer à mesure que les navigateurs implémentent ECMA-402, la norme JavaScript pour l'internationalisation. Chrome DevTools inclut désormais la prise en charge de l'émulation de paramètres régionaux spécifiques via l'onglet Sensors. La définition d'un paramètre régional spécifique a un impact sur les valeurs par défaut pour la mise en forme des nombres, les paramètres régionaux de chaînes, les chaînes relatives à la langue, les en-têtes de langue HTTP, etc.

Alors que les navigateurs ajoutent de nouvelles fonctionnalités, de nouveaux risques émergent avec le développement multi-origine (cross-origin). Le panneau Chrome DevTools Network inclut désormais la prise en charge de Cross-Origin Opener Policy et de Cross-Origin Embedder Policy pour obtenir des informations de débogage afin de permettre aux développeurs de tirer parti de l'utilisation de SharedArrayBuffer. L'équipe Chrome s'attend à ce que de futures restrictions similaires deviennent nécessaires pour déverrouiller d'autres API de synchronisation et des mécanismes de bas niveau, y compris des mesures de mémoire à granularité fine via l'API performance.memory.

Pour aider les développeurs à déboguer les demandes réseau liées aux cookies, le nouveau mot clé de filtre dans le réseau cookie-path permet le filtrage dans le panneau DevTools uniquement pour afficher les requêtes pertinentes.

Chrome DevTools continue d'évoluer pour prendre en charge de nouveaux standards, modèles, problèmes et bonnes pratiques pour aider les développeurs à créer des applications Web efficaces. DevTools est inclus avec chaque version de Google Chrome. Les retours de la communauté sont encouragés pour toutes les nouvelles fonctionnalités DevTools.

 

Evaluer cet article

Pertinence
Style

Bonjour étranger!

Vous devez créer un compte InfoQ ou cliquez sur pour déposer des commentaires. Mais il y a bien d'autres avantages à s'enregistrer.

Tirez le meilleur d'InfoQ

Html autorisé: a,b,br,blockquote,i,li,pre,u,ul,p

Commentaires de la Communauté

Html autorisé: a,b,br,blockquote,i,li,pre,u,ul,p

Html autorisé: a,b,br,blockquote,i,li,pre,u,ul,p

BT

Votre profil est-il à jour? Merci de prendre un instant pour vérifier.

Note: en cas de modification de votre adresse email, une validation sera envoyée.

Nom de votre entreprise:
Rôle dans votre entreprise:
Taille de votre entreprise:
Pays/Zone:
État/Province/Région:
Vous allez recevoir un email pour confirmer la nouvelle adresse email. Ce pop-up va se fermer de lui-même dans quelques instants.