Le WordPress d'aujourd'hui, décodé pour les développeurs

Accessibilité

Rendre accessible un club sportif amateur, budget bénévole à l’appui

Sans budget dédié ni obligation légale, un club de basket amateur a choisi trois priorités d'accessibilité réalistes : contraste, formulaire d'adhésion, calendrier des matchs.

Par WordPress Développement • 7 avril 2023 • 5 min de lecture • Aucun commentaire
Rendre accessible un club sportif amateur, budget bénévole à l'appui

Combien de temps un club de basket amateur, géré uniquement par des bénévoles, peut-il consacrer à l’accessibilité de son site web sans obligation légale et sans budget dédié ? La réponse, dans ce cas précis, tient en trois soirées réparties sur deux mois, entre l’entraînement du mercredi et les matchs du week-end. Le club ne relève pas du champ d’application du RGAA, réservé aux organismes publics et à certaines entreprises, mais son président souhaitait tout de même que le site reste utilisable par les parents de joueurs qui consultent le calendrier depuis leur téléphone, parfois avec une vue réduite ou en plein soleil sur un terrain extérieur.

Sans obligation légale à respecter à la lettre, la démarche s’est construite autour d’une question simple : qu’est-ce qui, sur ce site, gêne réellement quelqu’un aujourd’hui ? Plutôt qu’un audit RGAA complet, disproportionné pour un site de cinq pages géré bénévolement, trois priorités concrètes ont été retenues, choisies pour leur rapport entre l’effort de correction et le gain d’usage réel.

Priorité 1 : le contraste du site, corrigé en une soirée

Le thème gratuit utilisé pour le site affichait ses titres en gris clair sur fond blanc, un choix esthétique fréquent mais problématique en plein soleil sur un écran de téléphone, condition de consultation la plus fréquente pour ce public. La correction s’est limitée à une surcharge CSS dans le thème enfant :

h1, h2, h3 {
    color: #1a1a1a;
}
a {
    color: #0b4f8a;
}
.entete-menu a {
    color: #ffffff;
}

Trois couleurs redéfinies ont suffi à faire passer l’ensemble du site au-dessus du ratio de contraste minimal recommandé pour un texte normal, vérifié directement dans les outils de développement du navigateur sans extension supplémentaire.

Priorité 2 : le formulaire d’adhésion, seul formulaire du site

L'essentiel à retenir : Trois priorités choisies faute de temps disponible ; Le contraste corrigé en une soirée de bénévolat ; Le calendrier des matchs reste le point le plus consulté

Le formulaire d’adhésion annuelle était le seul point d’interaction réellement critique du site : sans lui, pas de nouvelle inscription. Il comportait des champs sans étiquette visible, remplacés par des placeholders, et un message d’erreur générique en cas de champ manquant, affiché tout en haut du formulaire sans lien avec le champ concerné. La correction a porté sur deux points, réalisables sans connaissance avancée en développement :

  • Ajout d’une étiquette <label> visible au-dessus de chaque champ, grâce à l’option déjà présente dans l’extension de formulaire utilisée mais désactivée par défaut ;
  • Activation de l’option d’affichage des erreurs directement sous chaque champ concerné, plutôt qu’un message unique en haut de page.

Ce sont des réglages d’extension, pas du code sur mesure, ce qui rendait la correction accessible à un bénévole sans compétence technique poussée, une fois le bon paramètre localisé dans la documentation de l’extension.

Priorité 3 : le calendrier des matchs, page la plus consultée

Les statistiques de fréquentation du site montraient sans ambiguïté que la page de calendrier des matchs représentait plus de la moitié des visites, largement devant la page d’accueil elle-même. Cette page affichait un tableau des rencontres construit en images, exportées directement depuis un tableur, sans aucun texte réel. La correction a consisté à recréer ce tableau en HTML natif :

<table>
  <thead>
    <tr><th>Date</th><th>Adversaire</th><th>Lieu</th></tr>
  </thead>
  <tbody>
    <tr><td>samedi 15 avril</td><td>Étoile sportive</td><td>Gymnase municipal</td></tr>
  </tbody>
</table>

Le gain dépasse largement l’accessibilité au sens strict : un tableau en texte se copie, se cherche avec la fonction de recherche du navigateur, s’affiche correctement même avec une connexion lente, et reste lisible par un moteur de recherche.

Ce qui a délibérément été laissé de côté

Faute de temps, plusieurs points identifiés lors de la réflexion initiale n’ont pas été traités : les vidéos d’entraînement publiées sans sous-titres, l’absence de plan du site, ou encore la navigation par menu déroulant qui reste partiellement piégeuse au clavier. Ces points ont été notés dans un document partagé du club, à reprendre lors d’une prochaine session bénévole, plutôt qu’ignorés silencieusement.

Sans obligation légale ni budget, mieux vaut trois corrections terminées et documentées qu’un audit complet commencé et jamais fini.

En résumé

Un club amateur n’a ni les moyens ni l’obligation de viser une conformité RGAA complète. Choisir trois priorités concrètes, mesurables en une poignée de soirées de bénévolat, produit un résultat tangible pour les personnes qui consultent réellement le site : les parents de joueurs cherchant l’heure du prochain match, bien plus que pour un score d’audit théorique.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Partager :

À propos de l'auteur

WordPress Développement

Développeur WordPress, passionné par Elementor, le FSE et l’automatisation par IA.

Voir tous ses articles

Dans la même veine

À lire aussi