Delphine Malassingne – Gestionnaire de la qualité web

Mémo rédacteur web / intégrateur HTML

11 novembre 2008

Catégories : Éditorial web, Intégration de pages web

Mots-clé :

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.

Mémo rédacteur web / intégrateur HTML
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 (&nbsp;). 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>

Avant/après

Commentaires

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>