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

Accessibilité

Accessibilité d’un espace presse pour un éditeur de logiciels

Une checklist pour un kit presse avec téléchargements, contacts et communiqués : tableaux et liens de fichiers correctement libellés, du visuel au balisage.

Par WordPress Développement • 1 février 2024 • 5 min de lecture • Aucun commentaire
Accessibilité d'un espace presse pour un éditeur de logiciels

Un espace presse mal balisé transforme chaque lien « Télécharger » en devinette : télécharger quoi, dans quel format, pour quel poids de fichier ? C’est le constat de départ d’un éditeur de logiciels de gestion de flotte automobile, qui refondait sa page presse en vue d’un salon professionnel et voulait éviter les pièges classiques de ce type de gabarit, très peu visité mais souvent consulté par des journalistes pressés.

La page devait regrouper trois éléments distincts : une liste de communiqués de presse, un kit média téléchargeable (logos, captures d’écran, photos de l’équipe dirigeante) et un tableau de contacts presse par zone géographique. Chacun de ces blocs appelle une checklist différente.

Checklist des liens de téléchargement

  1. Le texte du lien décrit le contenu, jamais un simple « Télécharger » répété dix fois sur la page.
  2. Le format du fichier apparaît dans le texte du lien ou juste après, par exemple « Logo vectoriel (SVG) ».
  3. Le poids approximatif du fichier est indiqué pour les fichiers lourds, au-delà de quelques mégaoctets, en particulier pour les photos haute définition.
  4. Un lien qui ouvre un fichier dans un nouvel onglet le signale explicitement dans le texte ou via un attribut visible aux technologies d’assistance.
  5. Aucun lien ne repose sur la seule icône du format pour transmettre l’information : l’icône vient en complément du texte, jamais à sa place.
L'essentiel à retenir : Chaque lien de téléchargement annonce le format et le poids ; Les tableaux de contacts ont des en-têtes associés ; Les communiqués restent lisibles en texte, pas seulement en PDF

Checklist du tableau de contacts presse

Le tableau de contacts presse listait initialement les zones géographiques en colonnes et les informations (nom, fonction, email, téléphone) en lignes, une structure qui semblait logique visuellement mais compliquait la lecture au lecteur d’écran, qui annonce les cellules dans l’ordre du tableau sans repère de zone clair.

<table>
  <thead>
    <tr>
      <th>Zone</th>
      <th>Contact</th>
      <th>Email</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>France</td>
      <td>Service communication</td>
      <td>presse@editeur.example</td>
    </tr>
  </tbody>
</table>

La restructuration en lignes par zone géographique, colonnes par type d’information, a immédiatement clarifié la navigation : un utilisateur de lecteur d’écran qui parcourt le tableau colonne par colonne entend « Zone : France, Contact : service communication, Email : presse arobase éditeur point exemple », dans un ordre qui a du sens.

Checklist des communiqués de presse

  • Chaque communiqué existe en version HTML lisible directement sur la page, pas seulement en pièce jointe PDF.
  • Quand un PDF est proposé en complément, un lien HTML équivalent reste la version de référence pour les technologies d’assistance.
  • La date de publication de chaque communiqué est présente dans le texte, pas uniquement dans une métadonnée invisible.
  • Le titre de chaque communiqué correspond à un <h2> ou <h3> réel dans la page listant les communiqués, pas à un simple texte en gras.

Checklist du kit média complet

Le kit média regroupait des captures d’écran du logiciel de gestion de flotte, sans texte alternatif descriptif au départ : la légende se limitait au nom du fichier, « capture-dashboard-2024.png ». Pour un journaliste utilisant un lecteur d’écran, cette information ne dit rien du contenu réel de l’image.

Un texte alternatif de kit presse ne décrit pas le fichier, il décrit ce que la personne verrait si elle pouvait voir : un tableau de bord affichant la position de douze véhicules sur une carte, pas « capture d’écran du logiciel ».

Chaque image du kit média a donc reçu une description reformulée manuellement, en une phrase, plutôt qu’une génération automatique à partir du nom de fichier.

Un dernier point : la structure de la page elle-même

La page presse complète a été relue avec un lecteur d’écran configuré pour naviguer par titres uniquement : communiqués, kit média, contacts, chaque section devait apparaître clairement nommée dans cette navigation rapide, sans avoir à parcourir le contenu en entier pour comprendre l’organisation de la page.

En résumé

Cinq informations minimales sur chaque lien de téléchargement, un tableau de contacts organisé par zone en ligne plutôt qu’en colonne, des communiqués disponibles en HTML et des textes alternatifs rédigés à la main plutôt que déduits d’un nom de fichier : cette checklist, appliquée avant la mise en ligne du salon professionnel, a permis de livrer un espace presse utilisable sans reprise ultérieure, alors que ce type de page reste souvent le parent pauvre des audits d’accessibilité.

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