Cette page présente lesbonnes pratiques d’accessibilité qui sont en train d’entrer dans les usages éditoriaux, et qui sont faciles à mettre en œuvre. Ces bonnes pratiques se destinent avant tout au contenu propre de l’article ; elles ne s’appliquent pas aux modèles inclus dans l’article de qualité. L’accessibilité des modèles est à travailler directement avec l’Atelier accessibilité, et non pas dans un processus de labellisation.
L’Atelier accessibilité s’efforce de contribuer à l’amélioration de l’accès de tous aux contenus de Wikipédia, notamment en proposant plusieurs bonnes pratiques d’accessibilité issues des normes internationales dans ce domaine. Toutes ces bonnes pratiques ne présentent pas le même degré de faisabilité et de facilité dans le cadre particulier de Wikipédia. Cependant, certaines ne posent pas de difficultés aux contributeurs et rejoignent des usages éditoriaux déjà en partie consacrés.
Même s’ils n’en sont pas l’aspect essentiel, la qualité technique et l’accessibilité contribuent à la qualité des contenus. C'est pourquoi cette page permet d’officialiser, parmi les critères des contenus de qualité, la prise en compte de quelques bonnes pratiques d’accessibilité choisies pour leur impact important pour les lecteurs concernés, leur facilité de mise en œuvre par les rédacteurs et leur adoption déjà partielle dans les usages wikipédiens. Ce ne sont donc pas des contraintes supplémentaires pour les auteurs d’articles de qualité.
Vos avis sont les bienvenus pour améliorer, compléter ou éclaircir si nécessaire la page ci-présente. La discussion peut se poursuivre dansDiscussion Wikipédia:Contenus de qualité#Nouveau critère ?.
Bonne pratique[modifier le code]Utiliser systématiquement des en-têtes de ligne et de colonne explicites ( Pour aller plus loin :Bonnes pratiques des tableaux de données etAide sur les tableaux. | Exemple de syntaxe utilisée pour un tableau de données[modifier le code]{||+ Titre du tableau|! scope=col | En-tête colonne 2! scope=col | En-tête colonne 3|-! scope=row | En-tête ligne 1| Cellule 1| Cellule 2! scope=row | En-tête ligne 2| Cellule 3| Cellule 4|} |
Bonne pratique[modifier le code]Renseigner systématiquement les changements de langue du texte, des notes ou des références à l’aide du modèle{{Langue}}, excepté pour un nom propre, pour un terme technique ou pour un mot ou expression faisant partie du français courant. Lorsque le titre d’un article est en langue étrangère, apposer le modèle{{Langue du titre}} en tête d’article. Plus d’informations :Bonnes pratiques des changements de langue. | Syntaxe utilisée[modifier le code]La première version des Directives pour l'accessibilité du contenu web(''{{langue|en|Web Content Accessibility Guidelines}}'')a été publiée en 1999 par la''[[Web Accessibility Initiative|{{langue|en|Web Accessibility Initiative}}]]''du [[W3C]].Résultat obtenu[modifier le code]La première version des Directives pour l'accessibilité du contenu web (Web Content Accessibility Guidelines) a été publiée en 1999 par laWeb Accessibility Initiative duW3C. |
Bonne pratique[modifier le code]Utiliser systématiquement les titres de section sous format wiki (avec les Plus d’informations :Bonnes pratiques des titres de section. | Syntaxenon accessible[modifier le code]=== Titre ===;Sous-titreContenu Syntaxe classique accessible[modifier le code]=== Titre ======= Sous-titre ====Contenu |
Bonne pratique[modifier le code]Utiliser les modèles spécifiquement destinés aux citations ({{Citation}},{{Citation bloc}},{{Début citation}}...{{Fin citation}}). Ne pas saisir des guillemets directement dans le texte. Lorsque le terme à encadrer de guillemets n’est pas une citation (ex. : terme technique, vocabulaire, emphase), n’utiliser aucun des modèles cités ci-dessus ; saisir les guillemets directement au clavier ou en utilisant le bouton « » de la barre des caractères spéciaux. Plus d’informations :Bonnes pratiques des citations. | Syntaxes utilisées et résultats obtenus[modifier le code]Selon la WAI, {{Citation|l’accessibilité du web ...}}Selon la WAI,« l’accessibilité du web ... » Selon la WAI :{{Citation bloc|L’accessibilité du web ...}}Selon la WAI :{{Début citation}}L’accessibilité du web ...{{Fin citation}}Selon la WAI :
|
Bonne pratique[modifier le code]Utiliser les éléments de syntaxe wiki de liste ordonnées (#) et non ordonnées (*) pour les énumérations. Plus d’informations :Bonnes pratiques des listes à puces et listes numérotées. | Syntaxe utilisée pour une liste à puces[modifier le code]* item 1* item 2* item 3 Syntaxe utilisée pour une liste numérotée[modifier le code]# item 1# item 2# item 3 |
Bonne pratique[modifier le code]Utiliser les éléments de liste de définition en wiki ( Éviter d’aérer le code en sautant des lignes entre chaque terme défini ; cela briserait l’enchaînement de la liste de définition et la rendrait inexploitable. Plus d’informations :Bonnes pratiques des listes de définition. | Syntaxe d’une liste de définitionnon accessible[modifier le code];Terme définiDescription de la définition;Terme défini* Description de la définition* Description de la définition* Description de la définition Syntaxe d’une liste de définition accessible[modifier le code];Premier terme défini: Description de la définition;Second terme défini:* Description de la définition n°1:* Description de la définition n°2:* Description de la définition n°3 |
Bonne pratique[modifier le code]N’utiliser de la couleur que lorsque cela est nécessaire. Veiller à obtenir un niveau de contraste suffisant entre le texte et son arrière-plan. Plus d’informations :Bonnes pratiques des couleurs. | Exemples de contenusnon accessibles[modifier le code]La société <span>Renault</span> La sociétéRenault <div>Pokemon</div> Pokémon |
Fournir des alternatives textuelles aux images directement incluses ([[Fichier:...|alt=...|description]]), ou indirectement par l’inclusion d'un modèle (ex. drapeaux, palettes, etc.), est une bonne pratique à mettre en place aussi souvent que la technique le permet.
|alt= en se limitant à environ 120 caractères et en ne répétant pas la description.|alt= en le laissant vide, par exemple en précisant|alt=<!-- Fichier décoratif -->.