| Rédacteur web | Intégrateur HTML | |
|---|---|---|
| Style éditorial | Faire court | |
| Faire simple | ||
| Organisation de l’information | Appliquer le principe de la pyramide inversée | |
| Les titres | Compréhensible hors-contexte | |
| Hiérarchisés | Utiliser les balises <h1> à <h6> | |
| Contribuent à organiser la page | ||
| L’emphase | Prévoir de l’emphase | Utiliser les balises <strong> et <em> |
| Les aides à la compréhension | Prévoir les abréviations | Utiliser les balises <abbr> et <acronym> (voir Abréviations, sigles et acronymes : balises, attributs HTML et accessibilité |
| Prévoir un glossaire | Utiliser les balises <dl> , <dt> et <dd> | |
| Langue | Signaler les langues et les changements de langue | Utiliser l’attribut lang de la balise <html> pour la langue principale du document |
| Utiliser l’attribut lang dans la balise englobant un texte d’une langue différente de la langue principale. Utiliser la balise <span> au besoin |
||
| Les liens | Compréhensible hors-contexte | |
| Un même intitulé pour des liens vers une même destination | Utiliser l’attribut rel= »nofollow » pour qu’il n’y ait qu’un seul lien suivi par les moteurs de recherche | |
| Liens dont le libellé est le même différenciés par info-bulle | Utiliser l’attribut title du lien | |
| Utiliser l’info-bulle pour des renseignements supplémentaires | ||
| Les téléchargements | Indiquer les informations techniques | Utiliser éventuelement l’attribut title du lien |
| Les règles typographiques | Indiquer et imposer les règles typographiques | Utiliser les espaces insécables ( ). Voir HTML Character Entities (en) |
| Les tableaux | Titre du tableau | Utiliser la balise <caption>. Voir Au tableau ! pour la création de tableaux en HTML |
| Résumé du tableau | Utiliser l’attribut summary | |
| En-tête et pied de tableau | Utiliser les balises <thead>, <tfoot> et <tbody> | |
| Résumé des en-têtes | Utiliser l’attribut abbr | |
| Les images | Ne traiter que les images de contenu | Gérer les images illustrative et décorative via la feuille de style. Dans le cas d’une image présente dans le contenu mais n’apportant pas d’information, laisser la valeur de l’attribut alt à vide. |
| Image-lien : indiquer la fonction du lien | Utiliser l’attribut alt | |
| Alternative courte | ||
| Alternative longue pour des images complexes | Utiliser l’attribut longdesc | |
| Les boutons | Utiliser des verbes | |
| Les formulaires | Items réunis par groupes logiques | Utiliser la balise <fieldset> |
| Titres des groupes logiques | Utiliser la balise <legend> |