Aller au contenu principalPlan du site
Repères — Balises HTML
- Afficher ce qu'un programme a renvoyé
- Afficher des coordonnées de contact, pas dans un <p>, pas dans un <div>
- Afficher du code source dans le texte
- Afficher le résultat d'un calcul en temps réel
- Afficher ou masquer du contenu, sans une ligne de JavaScript
- Afficher une image, et pourquoi un mauvais alt est pire que rien
- Afficher une valeur dans une échelle connue : score, jauge, quota
- Ajouter du contenu que tu pourrais retirer sans rien perdre
- Ajouter du texte dans un graphique
- Ajouter du texte dans une formule
- Ajouter un pied de tableau : totaux, moyennes, résumés
- Annotations phonétiques (langues CJK)
- Appliquer un style inline ou changer de langue dans une phrase
- Associer un titre à son sous-titre sans casser la hiérarchie
- Associer une valeur lisible par les machines a un texte humain
- Attirer l'attention sans importance sémantique
- Barrer un texte qui n'est plus exact sans le supprimer
- Changer le ton d'une phrase, l'emphase que l'italique seul ne porte pas
- Citer un passage entier, et indiquer que ce n'est pas de moi
- Conclure une page ou une section, bien plus qu'un © en bas
- Conserver l'indentation et les espaces : code, poésie, ASCII art
- Créer un champ de saisie, et il en existe 20 types différents
- Créer un lien cliquable dans un SVG
- Créer une matrice ou un système d'équations
- Déclencher une action, et pourquoi ce n'est jamais un <a>
- Découper une image en zones cliquables, la technique que SVG a rendue obsolète
- Découper une page en parties titrées, et la différence avec <article>
- Définir les en-têtes, et l'attribut scope que presque personne n'utilise
- Définir un terme, la première fois qu'un concept apparaît
- Délimiter une zone de recherche, le landmark que <form> ne crée pas
- Dessiner au pixel : le seul élément que les lecteurs d'écran ne peuvent pas lire
- Dessiner des formes : cercles, rectangles, lignes
- Dessiner un tracé libre ou complexe
- Dire "ce mot est important", et que le lecteur d'écran le sache
- Dire à l'utilisateur ce que tu attends dans un champ, et le rendre cliquable
- Dire au navigateur "c'est ici que ça se passe"
- Donner un titre au tableau que les lecteurs d'écran annoncent
- Donner un titre et une description accessibles au SVG
- Écrire des petites mentions (copyright, conditions) sans les noyer
- Écrire des variables, nombres et opérateurs
- Écrire un exposant ou un indice mathématique
- Écrire une formule chimique ou une note de bas de page
- Écrire une fraction
- Écrire une racine carrée ou n-ieme
- Embarquer du contenu externe : vidéo YouTube, carte, widget
- Embarquer du contenu externe sans aucun repli, et pourquoi c'est rarement une bonne idée
- Embarquer une ressource externe générique
- Exécuter du JavaScript et offrir un repli
- Expliquer un sigle à sa première apparition
- Forcer un retour à la ligne, les rares cas où c'est légitime
- Glisser une citation courte dans le fil du texte
- Grouper des champs qui vont ensemble : adresse, paiement, préférences
- Grouper des éléments pour les styliser ou les identifier ensemble
- Grouper des sous-expressions dans une formule
- Indiquer une date, une heure ou une durée lisible par les machines
- Intégrer de l'audio : podcast, musique, et les pièges d'accessibilité
- Intégrer un graphique vectoriel accessible directement dans le HTML
- Integrer une formule mathématique dans le HTML
- Intégrer une vidéo, avec sous-titres, descriptions, et sans autoplay
- Introduire une page ou une section, et non, ce n'est pas juste un logo
- Isoler un contenu qui a du sens tout seul : article, post, commentaire
- La hiérarchie des titres que 90 % des sites cassent
- Lier une image ou un schéma à sa description, même si tu déplaces le tout
- Lister des commandes ou des actions dans une toolbar
- Lister des éléments sans ordre particulier
- Lister des étapes, un classement, l'ordre compte
- Marquer un texte dans une voix alternative : terme technique, pensée intérieure
- Montrer l'avancement d'une tâche : téléchargement, formulaire, quiz
- Montrer qu'un texte a été ajouté : correction, mise à jour
- Montrer qu'un texte a été supprimé, et que la suppression compte
- Montrer une touche ou un raccourci clavier
- Naviguer vers une autre page, mais aussi télécharger, envoyer un mail, ancrer
- Nommer une œuvre (livre, film, article), pas l'auteur
- Noms propres chinois (et presque rien d'autre)
- Ouvrir une fenêtre modale, avec un piège de focus intégré
- Percer un trou dans un composant pour que l'extérieur le remplisse
- Permettre un texte long : commentaire, message, bio
- Préparer du HTML invisible, prêt à apparaître quand JavaScript le décide
- Présenter des données en lignes et colonnes, pas pour la mise en page
- Proposer un choix dans une liste fermée
- Proposer un menu de navigation, et toutes les navigations ne se valent pas
- Regrouper des champs pour envoyer des données : inscription, recherche, paiement
- Regrouper du contenu quand aucune balise sémantique ne convient
- Remplir le corps du tableau avec des données
- Représenter une variable dans une formule ou du code
- Réutiliser un symbole sans le dupliquer
- Séparer deux sujets visuellement et sémantiquement
- Servir la bonne image selon l'écran : responsive, formats, art direction
- Structurer des paires clé-valeur : glossaire, récap de commande, FAQ, métadonnées
- Styliser des colonnes entières sans répéter le CSS dans chaque cellule
- Suggérer des options pendant la saisie, quand les lecteurs d'écran veulent bien
- Suggérer où couper un mot long sans imposer la coupure
- Surligner un mot : résultat de recherche, passage clé
- Texte bidirectionnel (arabe, hébreu)
- Tout n'est pas un paragraphe, quand <p> est (et n'est pas) la réponse
- Utiliser meta, link ou style dans le body : microdonnées, resource hints, CSS inline