[Analyse] Gérer des infographies dans tiptap

[m-maillot]

L'idée est de pouvoir ajouter une infographie via tiptap.

Une infographie est composée de :

• Une image (souvent au format SVG)
• Un document (l'image au format PDF)
• un text alt pour l'image
• une taille pour le fichier à télécharger (PDF)
• un texte riche décrivant l'infographie

Il faut donc identifier la meilleure façon de gérer une infographie quand on a un composant tiptap.

[m-maillot]

Identifier la doc rgaa pour l'accessibilité sur une infographie.

[m-maillot]

Extension tiptap :

• https://tiptap.dev/docs/editor/extensions/nodes/image
• https://github.com/coolswitch/tiptap-extension-image-upload
• https://github.com/coolswitch/tiptap-extension-image-freely

[m-maillot]

Accessibilité sur une infographie :

• Rendre le SVG accessible : https://css-tricks.com/accessible-svgs/
• texte de remplacement : https://www.w3.org/WAI/tutorials/images/complex/

Exemple sur service publique :

https://www.service-public.fr/particuliers/actualites/A17477

[m-maillot]

Solution :

• [ ] Renommer la rubrique Infographies en Fichiers
• [ ] Créer une rubrique Infographies qui va lister l'ensemble des infographies du site.
• [ ] Créer une page de création d'une infographie
• [ ] Créer une page d'édition d'une infographie
• [ ] Créer une page qui liste les infographies
• [ ] Créer un script de migration qui prend les infographies des pages informations et les migre dans la nouvelle table des infographies

[m-maillot]

cf https://github.com/SocialGouv/cdtn-admin/issues/1414