Quiz récap'

Quiz récap' sur les liens et les boutons.

N° Question Votre réponse
1
  1. Vrai
  2. Faux
 Réponse a
Dans le cas d'un téléchargement de fichier une bonne pratique consiste aussi à indiquer le format du fichier (pdf, jpg...) ainsi que son poids.
2
  1. <a href="navigation.html">Lire la suite</a>
  2. <a href="navigation.html" title="Système de navigation">Lire la suite</a>
  3. <a href="navigation.html" title="Lire la suite sur le système de navigation">Lire la suite</a>
  4. <a href="navigation.html" title="Système de navigation - Lire la suite">Lire la suite</a>
 Réponse c
Le libellé du lien n’est pas suffisamment explicite, on rajoute donc l’attribut title sur le lien. L'attribut title doit toujours reprendre en premier le libellé du lien.
3
  1. <a href="index.html" title="Mon Site Web - Accueil du site"><img src="images/logo.png" alt=""></a>
  2. <a href="index.html"><img src="images/logo.png" alt="Mon Site Web - Accueil du site"></a>
  3. <a href="index.html" title="Mon Site Web - Accueil du site"><img src="images/logo.png" alt="Mon Site Web - Accueil du site"></a>
 Réponse b
Lorsque le lien est posé sur une image, on ne renseignera pas l’attribut title du lien et mais on renseignera l’attribut alt de l’image.
4
  1. <a href="#" class="image-accueil"><span class="lu-uniquement-par-lecteur-ecran">Accueil</span></a>
  2. <a href="#" class="image-accueil" title="Accueil"></a>
 Réponse a
L’image est insérée via CSS et le texte est caché via CSS.
Le deuxième exemple n'est pas conforme car le lien est considéré comme vide.
5
  1. Oui
  2. Non
 Réponse a
6
  1. Un lien
  2. Un bouton
 Réponse b
7
  1.  a href="https://sofeve-concept.github.io" target="_blank">sofeve-concept.github.io /a>
  2.  a href="https://sofeve-concept.github.io" target="_blank" rel="noopener noreferrer" title="Ouvrir dans une nouvelle fenêtre">sofeve-concept.github.io /a>
  3.  a href="https://sofeve-concept.github.io" target="_blank" title="sofeve-concept.github.io - nouvelle fenêtre">sofeve-concept.github.io /a>
  4.  a href="https://sofeve-concept.github.io" target="_blank" rel="noopener noreferrer" title="sofeve-concept.github.io - nouvelle fenêtre">sofeve-concept.github.io /a>
 Réponse d
Comme le lien ouvre par défaut dans une nouvelle fenêtre, il est considéré comme non explicite. Il faut donc lui rajouter l'attribut title. L'attribut title doit toujours reprendre en premier le libellé du lien.
L'attribut rel="noopener noreferrer" sert à sécuriser le lien notamment des attaques de phishing.
8
  1. Un bouton
  2. Un lien
 Réponse a
9
  1. OK
  2. Valider
  3. Confirmer l’inscription
 Réponse c
10
  1. Un lien composé avec un bouton
  2. Un lien composé d'une image et d'un texte
 Réponse b