HTML : structurer le Web (école d'ingénieur) · Chapitre 9 · Application directe du cours
Sans fenêtre d'affichage
Métadonnées, référencement et partage · niveau 2
Énoncé
Un développeur a oublié la balise viewport sur la page d'accueil, et un collègue a mis content="width=device-width, initial-scale=1, user-scalable=no" sur la page de catalogue.
- Que voit un utilisateur de téléphone (écran de 390 pixels de large) sur la page d'accueil ?
- Quel problème pose la page de catalogue, et pour qui ?
Corrigé
- Le navigateur dessine la page dans une fenêtre virtuelle d'environ 980 pixels, puis la réduit à 390 pixels : tout est 2,5 fois plus petit, le texte est illisible, et il faut zoomer puis faire défiler horizontalement pour lire chaque ligne.
- La page s'affiche à la bonne largeur, mais l'utilisateur ne peut plus l'agrandir avec deux doigts. Un malvoyant, ou quiconque lit sans ses lunettes, ne peut plus lire les petits caractères : c'est un défaut d'accessibilité (critère « redimensionnement du texte » des WCAG). Il faut retirer
user-scalable=no.
100 % gratuit
La suite du chapitre est sur Adloun
- 9 autres exercices corrigés dans ce chapitre
- Les 2 QCM du chapitre, le premier sans compte
- Le tuteur, qui guide pas à pas sans donner la réponse
Sans compte : le cours et le premier QCM. Exercices et tuteur : inscription gratuite en 30 secondes, sans carte bancaire.