[Accessibilité] - Articles (Ghost)

• Contexte
• Objectif
• Ressources
• Tâches

Contexte

Résultats du rapport d'audit d'accessibilité
Pages articles (ghost) :

• https://resin.grandlyon.com/actualites/details/mediation-numerique-a-distance-recuperez-les-supports-de-communication
• https://resin.grandlyon.com/actualites/details/retour-sur-le-forum-resin

Objectif

Les problèmes de cette issue sont plutôt liés a l'utilisation de ghost, quand on ne peut pas apporter de solution technique, l'idée est plutôt (si c'est possible) de trouver des solutions / outils / manières de faire qu'on pourrait donner a ceux qui rédigent ces articles pour qu'ils puissent faire des contenus accessibles.

Ressources

Rapport envoyé par mail

Tâches

• Page utilisée en exemple : Médiation numérique à distance : récupérez les supports de communication

• L’image « Besoin d’aide avec le numérique ? », en haut de la page, est porteuse d’information (« titre », numéro de téléphone, gratuité et horaire) et ne possède pas d’alternative textuelle. Une des solutions est de reprendre les informations présente dans l’image en texte pur et de relier l’image et le texte via l’attribut « aria-describedby="ID-texte" » (pour l’image) et l’attribut « ID » (pour le texte). Remarque : si le texte est juste à côté (dessous) de l’image, il n’est pas obligatoire de les relier.
  

• Les balises des liens de téléchargement ont un attribut « title » avec pour valeur un mot en anglais « Download ». Il faut traduire en français « Téléchargement » ou supprimer l’attribut « title » car le texte juste au-dessus des liens renseigne sur le téléchargement des supports de communications.
  

• Les 3 documents en téléchargement ne sont pas compatibles avec l’accessibilité (sostech_a3.pdf, sostech_a5.pdf et Carte-de-visite-Inclusion_2023_PAC_Report.pdf).

• Page utilisée en exemple : Retour sur le forum Rés’in 3e édition

• Dans la section « Les ressources de la journée », les émoticônes sont utilisées à titre décoratif et devrait avoir un attribut « aria-hidden="true" » (sur la balise <div> parente).
  Pour information, les émoticônes ont une restitution vocale.
  Par exemple, pour le dernier élément, elle est restituée par « Soleil derrière un petit nuage » et cette restitution n’a pas de rapport avec le contenu à côté « Atelier : Concevons un nouveau format ludique de médiation numérique ».\