French translation improved of the WAI QuickTips
- Images & animations. Utilisez l’attribut
altpour décrire la fonction de chaque graphique.- image illustrative (sans information) :
alt=""; - image informative :
alt="information"; - image lien :
alt="fonction du lien"; - Pour comprendre, une vidéo montrant les obstacles rencontrés sur les images et une autre sur les images-lien
- image illustrative (sans information) :
- Images complexes, figures & diagrammes. Décrivez-les dans la page ou avec l’attribut
longdesc:longdesc="description.html" - Images cliquables (avec zones cliquables). Utilisez l’élément
mapet décrivez les zones actives : attributsaltettitleredondants dans les balisesarea - Multimédia. Fournissez légendes et transcriptions pour l’audio, et des descriptions pour les vidéos.
- Liens hypertextes. Utilisez des énoncés pertinents hors contexte. Par exemple, évitez « cliquer ici » ou « lire la suite ».
- Pour comprendre : une vidéo montrant les obstacles rencontrés sur les liens hypertextes
- Organisation. Utilisez des têtes de sections, des listes et une structure cohérente. Utilisez C.S.S si possible.
- Structurer un document H.T.M.L avec des
h1,h2, etc. de manière cohérente (à priori, une page ne doit contenir qu’un titre de niveau 1)
- Structurer un document H.T.M.L avec des
- Scripts, applets & plug-ins. Fournissez une alternative quand le contenu actif est inaccessible ou non traité.
- Cadres. Utilisez
noframeset des intitulés utiles : attributnamepertinent de la baliseframe. - Tableaux. Facilitez la lecture ligne par ligne. Résumez :
- attribut
summary=""de la balisetables’il s’agit d’un tableau de mise en page ; - attribut
summary="description du tableau"de la balisetables’il s’agit d’un tableau de données. - Pour comprendre : une vidéo montrant les obstacles rencontrés sur les tableaux
- attribut
- Vérifiez votre travail. Validez. Utilisez les listes de contrôle, guides d’utilisation et les outils disponibles.