French translation improved of the WAI QuickTips
- Images & animations. Utilisez l’attribut
alt
pour 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
map
et décrivez les zones actives : attributsalt
ettitle
redondants 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
noframes
et des intitulés utiles : attributname
pertinent de la baliseframe
. - Tableaux. Facilitez la lecture ligne par ligne. Résumez :
- attribut
summary=""
de la balisetable
s’il s’agit d’un tableau de mise en page ; - attribut
summary="description du tableau"
de la balisetable
s’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.