Wikipédia:Articles de qualité/Accessibilité

Définition du critèreModifier

« Un article de qualité doit se conformer au choix de bonnes pratiques d’accessibilité des contenus web détaillées ci-dessous. » (point no 5)

NoteModifier

Cette page présente les bonnes 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.

Raisons de ce critèreModifier

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 dans Discussion Wikipédia:Contenus de qualité#Nouveau critère ?.

Bonnes pratiques d’accessibilitéModifier

Tableaux de donnéesModifier

Bonne pratiqueModifier

Utiliser systématiquement des en-têtes de ligne et de colonne explicites (! scope=col, ! scope=row) dans les tableaux de données. Utiliser autant que possible l’élément |+ pour indiquer le titre du tableau. Ne jamais insérer un tableau dans un autre tableau.

Pour aller plus loin : Bonnes pratiques des tableaux de données et Aide sur les tableaux.

Exemple de syntaxe utilisée pour un tableau de donnéesModifier

{|
|+ 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
|}

Changements de langueModifier

Bonne pratiqueModifier

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éeModifier

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 obtenuModifier

La première version des Directives pour l'accessibilité du contenu web (Web Content Accessibility Guidelines) a été publiée en 1999 par la Web Accessibility Initiative du W3C.

Titres de sectionModifier

Bonne pratiqueModifier

Utiliser systématiquement les titres de section sous format wiki (avec les ==) et ne pas créer de pseudos-titres à l’aide d’une mise en gras ('''), d’une liste de définition (;), d’un élément div mis en forme (<div style="font-weight: bold">) ou tout autre artifice.

Plus d’informations : Bonnes pratiques des titres de section.

Syntaxe non accessibleModifier

=== Titre ===
;Sous-titre
Contenu

Syntaxe classique accessibleModifier

=== Titre ===
==== Sous-titre ====
Contenu

CitationModifier

Bonne pratiqueModifier

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 obtenusModifier

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 :

« L’accessibilité du web ... »

Listes à puces et listes numérotéesModifier

Bonne pratiqueModifier

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 à pucesModifier

* item 1
* item 2
* item 3

Syntaxe utilisée pour une liste numérotéeModifier

# item 1
# item 2
# item 3

Listes de définitionModifier

Bonne pratiqueModifier

Utiliser les éléments de liste de définition en wiki (; et :) de manière à ce qu’un terme soit systématiquement associé à sa définition ou à sa description.

É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éfinition non accessibleModifier

;Terme défini
Description 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 accessibleModifier

;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

Couleurs et contrastesModifier

Bonne pratiqueModifier

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 contenus non accessiblesModifier

La société <span style="color: #FCB415">Renault</span>

La société Renault

<div style="color: #fff;background:#ff8080;
font-weight:bold;text-align: center;">
Pokemon
</div>
Pokémon

Cas particulier des alternatives textuelles des imagesModifier

Fournir des alternatives textuelles aux images n'est pas une exigence pour un article de qualité : aussi décisive que soit cette question en accessibilité, elle n'a pas de réponse suffisamment robuste sur Wikipédia actuellement et relève d'améliorations à poursuivre.

Voir aussiModifier

  • Le gadget accessibilité : il permet de tester facilement certaines parties du code des pages de Wikipédia grâce à des fonctions ajoutées dans la colonne de gauche. Vous le trouverez dans Préférences > Gadgets > Outils avancés, où vous cocherez la case « Accessibilité ». Puis purger le cache ou redémarrer Wikipédia pour activer le gadget. Voir Wikipédia:Atelier accessibilité/Aide gadget.