Créer son premier site web avec HTML et CSS Quiz

Quiz : CSS moderne et qualité

Réussite à partir de 70%. Vous pouvez recommencer autant de fois que nécessaire.

Connectez-vous pour passer ce quiz et enregistrer votre score. Se connecter

1 La couleur principale d’un site est utilisée à une vingtaine d’endroits de la feuille de style. Quelle est la meilleure façon de pouvoir la changer en une seule modification ? Une seule réponse La recopier avec un commentaire à chaque endroit La déclarer comme variable dans :root et l’utiliser avec var() La définir en style en ligne dans chaque balise Utiliser !important sur toutes les occurrences

2 Dans la convention BEM, que représente le nom de classe « carte__titre--grand » ? Une seule réponse Un modificateur « grand » appliqué à l’élément « titre » du bloc « carte » Un bloc nommé « titre » à l’intérieur d’un élément « carte » Trois blocs indépendants : carte, titre et grand Un identifiant à placer dans l’attribut id

3 Quelles pratiques améliorent l’accessibilité d’un site (plusieurs réponses) ? Plusieurs réponses possibles Personnaliser le focus avec :focus-visible plutôt que le supprimer Supprimer tous les contours de focus pour un rendu plus propre Vérifier le contraste entre le texte et son fond Ajouter un lien d’évitement vers le contenu principal

4 À propos d’ARIA, quelle affirmation est exacte ? Une seule réponse Ajouter role="button" à une div suffit à la rendre utilisable au clavier Il faut mettre des attributs ARIA sur tous les éléments, par précaution ARIA remplace avantageusement le HTML sémantique Un élément natif comme button est préférable : pas d’ARIA vaut mieux que du mauvais ARIA

5 Quelles pratiques sont recommandées pour les images d’une page web (plusieurs réponses) ? Plusieurs réponses possibles Redimensionner et compresser les images avant de les publier Indiquer width et height pour réserver la place Appliquer loading="lazy" à l’image principale visible dès l’arrivée Appliquer loading="lazy" aux images situées plus bas dans la page