Les fonctionnalités multimédias de préférences de l'utilisateur vous permettent d'adapter le style des expériences Web aux préférences et besoins spécifiques de l'utilisateur. En d'autres termes, les fonctionnalités de préférences média vous permettent d'adapter vos expériences utilisateur aux attentes de vos utilisateurs.
Vous pouvez améliorer l'expérience utilisateur sur votre site Web en prenant les trois mesures suivantes:
- Découvrez les possibilités. Découvrez toutes les fonctionnalités multimédias pour les préférences utilisateur.
- Personnaliser le style de vos expériences Web Implémentez, par exemple, des changements de couleur, de mise en page et de taille d'élément en fonction des préférences.
- Testez l'interface utilisateur. Dans DevTools, émulez les préférences et testez le comportement de votre site Web.
Les outils de développement sont compatibles avec diverses options d'émulation. Pour vous éviter de rechercher et d'ajuster les paramètres du système et du navigateur, toutes les options d'émulation se trouvent au même endroit : dans l'onglet Rendu des outils de développement.
Les options d'émulation des préférences de l'utilisateur incluent, sans s'y limiter:
prefers-color scheme: jeu de couleurs clair ou sombreprefers-contrast: contraste plus faible ou plus élevéprefers-reduced-motion: réduire ou non les mouvementsprefers-reduced-data: consomme moins de trafic ou pas
Pour obtenir la liste complète des options d'émulation, consultez Émuler les fonctionnalités multimédias CSS.
Pour découvrir d'autres effets que vous pouvez appliquer à l'aide de l'onglet Rendu, consultez Présentation de l'onglet "Rendu".
De plus, avec les outils de développement, vos fonctionnalités de test ne se limitent pas à l'appareil sur lequel vous travaillez. Vous pouvez simuler des appareils mobiles avec le mode Appareil.