Wikipédia:Articles de qualité/Accessibilité

Définition du critère modifier

« 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)

Note modifier

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ère modifier

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ées modifier

Bonne pratique modifier

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ées modifier

{|
|+ 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 langue modifier

Bonne pratique modifier

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

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

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 section modifier

Bonne pratique modifier

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 accessible modifier

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

Syntaxe classique accessible modifier

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

Citation modifier

Bonne pratique modifier

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

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ées modifier

Bonne pratique modifier

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

* item 1
* item 2
* item 3

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

# item 1
# item 2
# item 3

Listes de définition modifier

Bonne pratique modifier

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 accessible modifier

;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 accessible modifier

;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 contrastes modifier

Bonne pratique modifier

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 accessibles modifier

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 images modifier

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.

  • Pour les images directement incluses et illustratives :
    • Il est recommandé de compléter le paramètre |alt= en se limitant à environ 120 caractères et en ne répétant pas la description.
    • En général, indiquer le type de fichier (photographie, croquis, etc.), ce qu'il contient de manière non-descriptive (ex. éviter « en noir et blanc », « portrait de dos, on voit ... sur la droite ... ») et l'année suffisent.
    • L'alternative sert principalement à remplacer le nom du fichier lorsqu'il ne peut pas être chargé ou pris en charge par le support (ordinateur, mobile, lecteur d'écran, synthèse vocale, etc.). Elle sera lue par une synthèse vocale avant la description.
    • Pour décrire l'image, utilisez plutôt la description ou renseignez la description sur Commons.
  • Pour les images directement incluses et décoratives :
    • Il est recommandé de renseigner le paramètre |alt= en le laissant vide, par exemple via |alt=<!-- Fichier décoratif -->.
  • Pour les images incluses via un modèle, ces points sont facultatifs :
    • Néanmoins, si le modèle a été créé pour l'article, il est recommandé de l'adapter également.
    • Il n'est pas toujours possible (ni souhaitable) d'intervenir sur un modèle « très utilisé ».
    • Si le modèle est peu utilisé (ou toujours utilisé de la même manière) et que sa mise à jour est pertinente, vous pouvez mettre à jour l'alternative ou le fichier css.
    • En cas de doute, n'hésitez pas à contacter l'Atelier accessibilité ou le projet:Modèle.

Voir aussi modifier

  • 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.