Forum du site

badge accessibilité
Christophe le 11 juillet à 18:15	Rappel du sujet : bonjour, Nous allons mettre en place le badge d’accessibilité du site staarp.org, On souhaiterait une aide pour le label du formulaire et les titres en H2 . Vous pouvez voir le message ci-dessous. Merci par avance, bien cordialement Christophe Déclaration d’accessibilité Conformité Le site https://staarp.org/ s’efforce de respecter les normes d’accessibilité pour les contenus web (WCAG) 2.1 au niveau AA. État de conformité : AA ✅ Partiellement conforme  : certains contenus ne sont pas encore entièrement accessibles. Score de 92% Contenus non encore accessibles Malgré nos efforts, les éléments suivants peuvent ne pas être conformes  : • Formulaires dynamiques (ex. champs sans label explicite). • Contenu multimédia sans transcription intégrés ou sous-titres. • Absence de texte alternatif pour certaines images décoratives. La demande du webmaster : • J’ai constaté que les titres des blocs en colonne gauche sont en h1, Idéalement il faudrait les basculer en h2, mais je ne suis pas sûre que nous puissions avoir la main. Vérifier si j’ai possibilité d’ajouter du code « label » dans les champs du formulaire de contact. • Dans les formulaires, il manque des champs « label », de même j’ai regardé à différents endroits mais je n’ai pas l’impression de pouvoir les ajouter. Fin de la liste spip.php ?page=contact https://staarp.org/ecrire/?exec=configurer_escal&cfg=autres_principal
Jean Christophe Villeneuve le 11 juillet à 18:57	badge accessibilité Hello Christophe Que ce soit le passage de h1 à h2 ou les labels des champs du formulaire de contact, il faut que je code un peu. Rien de compliqué mais beaucoup de fichiers concernés, donc patience ... ça va venir.
Christophe le 11 juillet à 19:47	badge accessibilité bonjour Jean-Christophe, Oui, pas de problème quand tu pourras, mais déjà l’accéssibilité avec le squelette Escal est déjà bien. Je souhaite te signaler dans le pied de page le lien contact, avec ma synthèse vocale je peux lire « contacter Contacter le référent technique ". J’ai modifié le code, c’est pour les autres sites d’Escal. la réponse de la webmaster : Pour le contact, je ne voyais pas dans le fichier pied de page ce texte « contacter le référent technique », mais uniquement au survol de l’élément sur le site en ligne. Lorsque j’inspecte l’élément avec la console du navigateur, il s’agit du title de l’élément contact. J’ai finalement tenté une modification depuis le fichier pied de page et ça semble être bon à présent. Dans le code avant : title="<:escal:title_Contact :>"> Après : title="<:escal : Contact :>"> bien cordialement Christophe
Jean Christophe Villeneuve le 11 juillet à 19:56	badge accessibilité Moi ce que je voudrais savoir, c’est d’où sort le premier "contacter" ?
Christophe le 11 juillet à 21:33	titre contact Jean-Christophe, J’ai repris le texte du lien Contact dans le pied de page de ton site Escal :Contact Contacter le référent technique bonne soirée Christophe
Jean Christophe Villeneuve le 11 juillet à 21:45	titre contact Oui j’avais bien compris mais pourquoi, avant ça, d’où venait ce "contacter" en trop ?
Jean Christophe Villeneuve le 11 juillet à 21:54	titre contact Peux-tu me dire si le souci existe sur le présent site ?
Christophe le 12 juillet à 07:59	titre contact bonjour Jean-Christophe, Désolé j’ai ajouté deux fois le mot contacter dans mon message précédent. Pour le site staarp.org il n’y a plus l’affichage dans le pied de page Contacter le référant technique. bonne journée ! Christophe
Jean Christophe Villeneuve le 12 juillet à 11:53	titre contact Ok donc au lieu de modifier le fichier inc-pied.html, il serait plus judicieux de modifier uniquement la chaîne de langue. Les explications sont dans cet article.
Jean Christophe Villeneuve le 12 juillet à 15:54	badge accessibilité Voilà J’ai fait les modifs pour les h1 des blocs latéraux et pour les labels du formulaire de contact. La version 5.2.22 sera active chez toi mercredi normalement, quand spipfactory fera la mise à jour des plugins. N’hésite pas à me faire des retours si nécessaire.
stephane de spipfactory.fr le 12 juillet à 16:26	badge accessibilité Hello ; J’avais 5 minutes , j’ai donc forçé la Maj donc escal sur spipfactory est en : Version actuelle : 5.2.22 Vous avez la dernière version disponible
Jean Christophe Villeneuve le 12 juillet à 16:36	badge accessibilité Merci Stéphane. Christophe : du coup, je me suis permis de corriger tes 2 fichiers copiés où on avait le h1 du fichier original.
christophe le 12 juillet à 18:09	badge accessibilité bonjour Stéphane et Jean-Christophe, Je vous remercie de votre aide, afin que le Squelette Escal soit conforme aux critères d’accessibilité. J’attends le retour de la webmaster Mardi prochain, je vous donnerai sa réponse. merci encore, bien cordialement Christophe
Christophe le 22 juillet à 10:21	badge accessibilité bonjour, je reviens sur l’accéssibilité du site staarp.org avec Escal, J’ai eu deux retours de la webmaster : ◦ Demander à Escal pour l’ajout des champs « label » dans les formulaires (permettra une conformité d’accessibilité). J’ai vérifié pour les labels dans les champs des formulaires. Cela a bien été ajouté sur les principaux champs. Il manque pour la partie basse « Motif de votre message » ainsi que tous les choix proposés en dessous et pour « comment avez trouvé notre site ? » et les choix en dessous également. capture d’écran indiquant les labels manquant sur la partie basse du formulaire. C’est déjà bien de les avoir sur les autres, on peut laisser comme cela si la correction ne peut pas être effectuée pour l’instant. ◦ Demander à Escal pourquoi le titre dans les annonce_defilant est en h1 ? Il y a peut être une subtilité que je n’ai pas vu pour modifier cela. Je vous remercie de vos réponses, bien cordialement Christophe
Jean Christophe Villeneuve le 22 juillet à 10:54	badge accessibilité Hello Christophe Pour le h1 des annonces je corrigerai. Pour le formulaire de contact, je ne vois pas ta copie d’écran.
Jean Christophe Villeneuve le 22 juillet à 11:00	badge accessibilité Après vérification, je vois bien un label pour les choix de "Motif de votre message" et aussi pour ceux de "Comment avez-vous trouvé notre site ?" Je vais en rajouter un pour les textes de titre (je pensais qu’ils n’étaient pas nécessaires).
Jean Christophe Villeneuve le 22 juillet à 15:52	badge accessibilité Voilà, les corrections ont été apportées dans la version 5.2.23 Elle sera dispo chez toi mercredi ou jeudi, sauf si Stéphane passe par là et a 5min devant lui.

Christophe
le 11 juillet
à 18:15

Rappel du sujet :

bonjour,
Nous allons mettre en place le badge d’accessibilité du site staarp.org,
On souhaiterait une aide pour le label du formulaire et les titres en H2 .
Vous pouvez voir le message ci-dessous.
Merci par avance,
bien cordialement
Christophe
Déclaration d’accessibilité

Conformité
Le site https://staarp.org/ s’efforce de respecter les normes d’accessibilité pour les contenus web (WCAG) 2.1 au niveau AA.

État de conformité : AA
✅ Partiellement conforme  : certains contenus ne sont pas encore entièrement accessibles.
Score de 92%

Contenus non encore accessibles
Malgré nos efforts, les éléments suivants peuvent ne pas être conformes  :
• Formulaires dynamiques (ex. champs sans label explicite).
• Contenu multimédia sans transcription intégrés ou sous-titres.
• Absence de texte alternatif pour certaines images décoratives.
La demande du webmaster :

• J’ai constaté que les titres des blocs en colonne gauche sont en h1, Idéalement il faudrait les basculer en h2, mais je ne suis pas sûre que nous puissions
avoir la main.

Vérifier si j’ai possibilité d’ajouter du code « label » dans les champs du formulaire de contact.
• Dans les formulaires, il manque des champs « label », de même j’ai regardé à différents endroits mais je n’ai pas l’impression de pouvoir les ajouter.
Fin de la liste

spip.php ?page=contact

https://staarp.org/ecrire/?exec=configurer_escal&cfg=autres_principal

Jean Christophe Villeneuve
le 11 juillet
à 18:57

badge accessibilité

Hello Christophe

Que ce soit le passage de h1 à h2 ou les labels des champs du formulaire de contact, il faut que je code un peu. Rien de compliqué mais beaucoup de fichiers concernés, donc patience ... ça va venir.

Christophe
le 11 juillet
à 19:47

badge accessibilité

bonjour Jean-Christophe,

Oui, pas de problème quand tu pourras, mais déjà l’accéssibilité avec le squelette Escal est déjà bien.
Je souhaite te signaler dans le pied de page le lien contact, avec ma synthèse vocale je peux lire « contacter Contacter le référent technique ".
J’ai modifié le code, c’est pour les autres sites d’Escal.
la réponse de la webmaster :

Pour le contact, je ne voyais pas dans le fichier pied de page ce texte « contacter le référent technique », mais uniquement au survol de l’élément sur
le site en ligne. Lorsque j’inspecte l’élément avec la console du navigateur, il s’agit du title de l’élément contact.

J’ai finalement tenté une modification depuis le fichier pied de page et ça semble être bon à présent.

Dans le code avant :

title="<:escal:title_Contact :>">

Après :

title="<:escal : Contact :>">

bien cordialement
Christophe

Jean Christophe Villeneuve
le 11 juillet
à 19:56

badge accessibilité

Moi ce que je voudrais savoir, c’est d’où sort le premier "contacter" ?

Christophe
le 11 juillet
à 21:33

titre contact

Jean-Christophe,

J’ai repris le texte du lien Contact dans le pied de page de ton site Escal :Contact Contacter le référent technique

bonne soirée
Christophe

Jean Christophe Villeneuve
le 11 juillet
à 21:45

titre contact

Oui j’avais bien compris mais pourquoi, avant ça, d’où venait ce "contacter" en trop ?

Jean Christophe Villeneuve
le 11 juillet
à 21:54

titre contact

Peux-tu me dire si le souci existe sur le présent site ?

Christophe
le 12 juillet
à 07:59

titre contact

bonjour Jean-Christophe,

Désolé j’ai ajouté deux fois le mot contacter dans mon message précédent. Pour le site staarp.org il n’y a plus l’affichage dans le pied de page Contacter le référant technique. bonne journée ! Christophe

Jean Christophe Villeneuve
le 12 juillet
à 11:53

titre contact

Ok donc au lieu de modifier le fichier inc-pied.html, il serait plus judicieux de modifier uniquement la chaîne de langue.

Les explications sont dans cet article.

Jean Christophe Villeneuve
le 12 juillet
à 15:54

badge accessibilité

Voilà

J’ai fait les modifs pour les h1 des blocs latéraux et pour les labels du formulaire de contact.
La version 5.2.22 sera active chez toi mercredi normalement, quand spipfactory fera la mise à jour des plugins.

N’hésite pas à me faire des retours si nécessaire.

stephane de spipfactory.fr
le 12 juillet
à 16:26

badge accessibilité

Hello ;

J’avais 5 minutes , j’ai donc forçé la Maj donc escal sur spipfactory est en :

Version actuelle : 5.2.22

Vous avez la dernière version disponible

Jean Christophe Villeneuve
le 12 juillet
à 16:36

badge accessibilité

Merci Stéphane.

Christophe : du coup, je me suis permis de corriger tes 2 fichiers copiés où on avait le h1 du fichier original.

christophe
le 12 juillet
à 18:09

badge accessibilité

bonjour Stéphane et Jean-Christophe, Je vous remercie de votre aide, afin que le Squelette Escal soit conforme aux critères d’accessibilité. J’attends le retour de la webmaster Mardi prochain, je vous donnerai sa réponse. merci encore, bien cordialement Christophe

Christophe
le 22 juillet
à 10:21

badge accessibilité

bonjour, je reviens sur l’accéssibilité du site staarp.org avec Escal,
J’ai eu deux retours de la webmaster :

◦ Demander à Escal pour l’ajout des champs « label » dans les formulaires (permettra une conformité d’accessibilité).
J’ai vérifié pour les labels dans les champs des formulaires.

Cela a bien été ajouté sur les principaux champs.

Il manque pour la partie basse « Motif de votre message » ainsi que tous les choix proposés en dessous et pour « comment avez trouvé notre site ? » et
les choix en dessous également.

capture d’écran indiquant les labels manquant sur la partie basse du formulaire.

C’est déjà bien de les avoir sur les autres, on peut laisser comme cela si la correction ne peut pas être effectuée pour l’instant.

◦ Demander à Escal pourquoi le titre dans les annonce_defilant est en h1 ? Il y a peut être une subtilité que je n’ai pas vu pour modifier cela.

Je vous remercie de vos réponses,

bien cordialement
Christophe

Jean Christophe Villeneuve
le 22 juillet
à 10:54

badge accessibilité

Hello Christophe

Pour le h1 des annonces je corrigerai.

Pour le formulaire de contact, je ne vois pas ta copie d’écran.

Jean Christophe Villeneuve
le 22 juillet
à 11:00

badge accessibilité

Après vérification, je vois bien un label pour les choix de "Motif de votre message" et aussi pour ceux de "Comment avez-vous trouvé notre site ?"

Je vais en rajouter un pour les textes de titre (je pensais qu’ils n’étaient pas nécessaires).

Jean Christophe Villeneuve
le 22 juillet
à 15:52

badge accessibilité

Voilà, les corrections ont été apportées dans la version 5.2.23

Elle sera dispo chez toi mercredi ou jeudi, sauf si Stéphane passe par là et a 5min devant lui.

Edito