Mémo rédacteur web / intégrateur HTML
Suite au Guide éditorial pour rédacteur web, voici un mémo reprenant les éléments de la rédaction web pour le rédacteur mais aussi pour l’intégrateur HTML.
11 novembre 2008
Catégories : Éditorial web, Intégration de pages web
Mots-clé : guide
| 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> |
Pingback: Guide éditorial pour rédacteur web