Définition du critère[]
Note[]
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[]
L’Atelier accessibilité s’efforce de contribuer à l’amélioration de l’accès de tous aux contenus de Aigles et Lys, 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 Aigles et Lys. 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 Aigles et Lys:Contenus de qualité#Nouveau critère ?.
Bonnes pratiques d’accessibilité[]
Tableaux de données[]
Bonne pratique[]Utiliser systématiquement des en-têtes de ligne et de colonne explicites ( 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[]{|
|+ 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[]
Bonne pratique[]Renseigner systématiquement les changements de langue du texte, des notes ou des références à l’aide du modèle {{lang}}, 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[]La première version des Directives pour l'accessibilité du contenu web
(''{{lang|en|Web Content Accessibility Guidelines}}'')
a été publiée en 1999 par la
''[[Web Accessibility Initiative|
{{lang|en|Web Accessibility Initiative}}]]''
du [[W3C]].
Résultat obtenu[]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[]
Bonne pratique[]Utiliser systématiquement les titres de section sous format wiki (avec les Plus d’informations : Bonnes pratiques des titres de section. |
Syntaxe non accessible[]=== Titre === ;Sous-titre Contenu Syntaxe classique accessible[]=== Titre === ==== Sous-titre ==== Contenu |
Citation[]
Bonne pratique[]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 et éviter l’usage des modèles {{Guillemets}} et {{Guil}}, devenus obsolètes. 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[]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 :
|
Listes à puces et listes numérotées[]
Bonne pratique[]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[]* item 1 * item 2 * item 3 Syntaxe utilisée pour une liste numérotée[]# item 1 # item 2 # item 3 |
Listes de définition[]
Bonne pratique[]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éfinition non accessible[];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[];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[]
Bonne pratique[]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[]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[]
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 Aigles et Lys actuellement et relève d'améliorations à poursuivre.
Voir aussi[]
- Le gadget accessibilité : il permet de tester facilement certaines parties du code des pages de Aigles et Lys 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 Aigles et Lys pour activer le gadget. Voir Aigles et Lys:Atelier accessibilité/Aide gadget.