HTTP, (X)HTML et CSS

• Le type de contenu indiqué par le serveur dans l'en-tête HTTP content-type associé au fichier CSS est text/css ;
• Le lien HTML vers la feuille de style a une syntaxe correcte, en particulier pour l'utilisation de l'attribut title de l'élément link. Le chemin vers la feuille de style est exact. Le ou les medias sont systématiquement précisés ;
• Le code (X)HTML est valide ;
• S'il s'agit de XHTML1.0 servi en tant que text/html, le code XHTML1.0 respecte les règles de compatibilité HTML ;
• S'il s'agit de XHTML1.0 servi en tant que application/xhtml+xml, la feuille de style tient compte des particularités du XHTML1.x traité en tant que XML ;
• Le doctype utilisé ne fait pas basculer les navigateurs en mode de rendu Quirks.

Cohérence des sélecteurs

• La feuille de style utilise des sélecteurs cohérents avec les éléments, id, class et attributs effectivement présents dans le code (X)HTML ;
• La feuille de style (screen, print) utilise les sélecteurs CSS2.1 pour un rendu optimal dans les différents navigateurs tenant compte des implémentations variées de ces sélecteurs.

CSS2.0, CSS2.1, CSS3.0, extensions CSS

• La feuille de style repose sur les implémentations réelles : elle respecte CSS2.1, et non CSS2.0 ;
• La feuille de style est valide CSS2.1, les extensions CSS3 n'étant pas prises en compte ;
• La feuille de style n'utilise des sélecteurs ou des propriétés CSS3.0, ou des extentions propriétaires, que dans la mesure où leur usage est non obstructif ;
• La feuille de style respecte la syntaxe définie par CSS2.1 pour les extensions CSS propriétaires. Les extensions non conformes pour Internet Explorer Windows sont placées dans une feuille de style spécifique en commentaires conditionnels.

Exploitation de la cascade

• Les class et id (X)HTML, ainsi que la feuille de style (ou le jeu de feuilles de style), sont contruits et optimisés en fonction des règles de la cascade ;
• Si le site comporte des sections différentes, les styles sont modularisés.

Styles alternatifs

• Si le site propose des styles alternatifs, ceux-ci sont accessibles via le mécanisme standard des styles alternatifs, quelque-soit le type de style-switcher utilisé ;
• Si le site propose des styles alternatifs, un jeu de feuilles de style permanentes réunit les éventuels éléments communs à ces styles ;
• Les styles alternatifs sont éventuellement exploités pour offrir différents styles print.

Implémentations et hacks CSS

• La feuille de style (screen, print) n'a pas été développée en prenant comme référence Internet Explorer Windows ;
• La feuille de style (screen, print) n'a pas été développée en prenant comme référence unique un seul des navigateurs conformes, mais au minimum 2 d'entre eux ;
• La feuille de style (screen, print, projection) n'utilise pas de hacks CSS. Pour corriger l'implémentation CSS défectueuse d'Internet Explorer, une seconde feuille de style placée en commentaires conditionnels se charge des adaptations nécessaires. Pour les autres navigateurs, la feuille de style autorise un dégradation non obstructive du rendu ;
• La feuille de style (screen) ne force pas l'émulation de comportements ou de propriétés non implémentées dans un navigateur. Elle prévoit une dégradation non obstructive du comportement ou de la propriété en question dans les navigateurs concernés ;
• La syntaxe des liens et des importations de feuilles de style permet d'adresser des styles minimaux aux navigateurs de génération 4, et des styles évolués aux navigateurs plus récents.

Medias

• La feuille de style print est définie de manière indicative, et ne repose pas sur la maîtrise illusoire du rendu imprimé, pour lequel la configuration utilisateur l'emporte ;
• La feuille de style handheld respecte les règles de compatibilité du rendu pour petits écrans ;
• La feuille de style orale ne repose pas sur le media aural déprécié, mais sur le media speech et sur le module CSS3 speech ;
• Le rendu visuel (screen) est fluide, et non figé en largeur ni en hauteur.

(Ce billet est susceptible de mises à jours).