Images :

  • Toute image décorative doit être traitée en CSS

  • Les images sont décrites dans l'attribut alt="". Description courte < 10mots

  • l'attribut longdesc="URL" permet d'éditer une page de description complète (pour un graphique par exemple)

Liens :

  • 80 caractères maximum pour un lien.

  • Dans un texte, préférer une phrase plutôt qu'un mot (sorti de son contexte, c'est incompréhensible)

  • Utiliser l'attribut title de la balise a. 120 caractères maximum

Liens images :

  • Renseigner l'attribut alt="" de la balise img, et l'attribut title="" de la balise a de façon explicite et complémentaire.

  • Penser à préciser la destination du lien entre parenthèses (nouvelle fenetre, pop-up, cadre parent...)

Tableaux :

  • Attribut summary="" de table : description longue.

  • Attribut caption="" de table : description courte.

  • Titre des colones avec <th> rajouter un id à chaque th. <th id="th1">

  • <td headers="th1"> permet de lier le contenu de la case au titre de sa colonne.

Formulaires :

  • Lier de façon certaine un champ à son intituler pour éviter les erreurs de saisie, grace aux attributs for et id : <label for="nom">Nom : <input id="nom">

  • utiliser <fieldset> pour regrouper les champs de même nature

  • y associer <legend></legend> pour donner un titre à la section.

  • Assurer un enchainement des champs par la tabulations cohérent grâce à l'attribut tabindex="".

  • Pour mentionner un champ obligatoire, utiliser l'élément textuel * plutôt qu'un gras ou une couleur.