Liste de contrôle de compatibilité CSS et navigateur

Une liste de contrôle pratique pour des mises en page résilientes sur les navigateurs et appareils modernes.

Commencez avec du HTML sémantique et une mise en page lisible sans JavaScript.
Utilisez des requêtes de fonctionnalités telles que @supporte lorsque l'amélioration dépend d'une fonctionnalité CSS.
Testez la mise au point du clavier, le zoom à 200 %, la réduction des mouvements, le mode sombre et les couleurs forcées.
Évitez les hauteurs fixes pour les conteneurs de texte ; permettre l'emballage et l'expansion.
Fournissez des solutions de secours pour les nouvelles fonctions de couleur, les requêtes de conteneur et les sélecteurs avancés lorsque votre public en a besoin.
Testez Safari/iOS, Chromium et Firefox plutôt que de vous fier à un seul moteur.
Utilisez des propriétés logiques pour les mises en page multilingues et de droite à gauche.
Vérifiez les styles d’impression et les contrôles de formulaire, pas seulement la présentation visuelle principale.

Outils CSS générés utiles