HTML Sémantique

• Exercice Sémantique HTML

Landmarks

• Landmarks incorrects
  • Correction

Attribut lang

• Exemple de syntaxe : Attribut lang="fr" sur balise <html>
• Incorrect : attribut lang (Démo lecteur d'écran)
  • Correction : attribut lang (Démo lecteur d'écran)
• Passage dans une autre langue (Démo lecteur d'écran)

Élements natifs

• Bouton natif ou div ?
• Lien ou bouton ?

Listes

• Listes non-ordonnées ou ordonnée
• Incorrect : Liste non ordonnée
  • Correction : Liste non ordonnée
• Listes imbriquées

Ordre du DOM

• Incorrect : Prix et bouton (Démo lecteur d'écran)
  • Correction : Prix et bouton

Tableaux de données

• Scope et caption pour un tableau (Démo lecteur d'écran)
• Incorrect : titres en gras (Démo lecteur d'écran)
  • Correction : entêtes de tableau (Démo lecteur d'écran)

Alternatives textuelles aux images

• Alternatives textuelles aux images : exercice « déclaration de dommage »

SVG accessible

• Exemples de SVG accessibles

Infographie

• Infographie : Un arbre de décision pour les alternatives textuelles (pdf, image, vectoriel)

Alternatives aux contenus audio et vidéo

Sous-titres, transcriptions, audiodescription

• Transcription audio dans un accordéon
  • dans une page dédiée
• Sous-titrage audio-description incorrect
  • Sous-titrage audio-description corrigé