Exemple – Ponctuations et caractères spéciaux

Les outils dont nous allons parler ici respectent les normes d’accessibilité, et ce, autant du point de vue d’un utilisateur qui parcourt les pages du site Internet du CCAL que du point de vue d’un administrateur qui les rédige.

Espaces insécables automatiques

J’ai créé l’extension Espaces insécables automatiques, que vous trouverez dans la liste des extensions disponibles depuis l’interface d’administration WordPress.

Cette extension remplace une espace par une espace insécable ou une espace insécable fine aux principaux endroits où les règles de typographie française l’exigent.

Son effet s’étend aux titres et aux contenus de vos pages, articles et widgets texte, ainsi qu’aux pages de prévisualisation, d’archives et de résultats de recherche.

Comme il s’agit d’une extension, le remplacement automatique des espaces insécables continuera de se faire si vous changez de thème.

Concrètement, cette extension remplacera une espace ordinaire :

  1. par une espace insécable :
    • avant les signes :, %, $ et
    • de chaque côté d’un h isolé dans les heures de type 9 h 59 et 23 H 59
    • et lorsque l’espace sert à séparer les milliers dans un nombre
  2. par une espace insécable fine :
    • après un guillemet français ouvrant «
    • avant un guillemet français fermant »
    • avant les signes ;, ! et ?
    • et devant les unités de mesure les plus courantes :
      • de volume : ml et dl
      • de poids : mg et kg
      • de longueur : mm, cm et km
      • de quantité de mémoire : ko, Mo et Go
      • et de masse monétaire : M$, G$, M€ et G€

C’est Le Ramat de la typographie  qui m’a servi de guide dans l’usage des deux types d’espaces insécables dont je viens de parler. Il s’agit d’un ouvrage de référence qui fait autorité depuis plusieurs décennies.

Caractères spéciaux

J’ai aussi modifié et rendu accessible aux outils d’adaptation en sonore et en braille le widget Caractères spéciaux auquel vous pourrez accéder depuis votre interface d’administration WordPress.

Ce widget a été mis au point pour vous permettre d’insérer manuellement les espaces insécables et les espaces insécables fines dont on a besoin dans les cas de figure plus rares, mais aussi, plus généralement, pour vous permettre d’insérer dans vos textes des caractères qui sont difficiles à produire depuis un clavier d’ordinateur.

Les caractères que vous pourrez insérer manuellement depuis ce widget sont les suivants :

  • le tiret court
  • le tiret long
  • le guillemet français ouvrant «
  • l’espace insécable  
  • le trait d’union insécable
  • l’espace insécable fine
  • le guillemet français fermant »
  • le point médian ·
  • le O et E liés minuscule œ
  • le O et E liés majuscule Œ
  • le A et E liés minuscule æ
  • le A et E liés majuscule Æ
  • le signe de l’euro
  • le signe de multiplication ×
  • le signe de division ÷
  • le copyright ©

Icônes d’accessibilité

Des icônes et des textes accessibles aux outils d’adaptation en sonore et en braille avertissent d’avance l’utilisateur lorsqu’un lien de votre site a pour effet de s’ouvrir dans une nouvelle fenêtre , vers un document Word ou vers un document PDF .

Le tout se fait automatiquement, grâce à une fonction prévue à cet effet dans l’extension qui gère les espaces insécables.

Pour que l’utilisateur en soit également averti d’avance lorsqu’un lien pointe vers une de vos pages qui nécessiterait une connexion ou un mot de passe si vous décidiez un jour de créer ce genre de page, vous allez pouvoir créer un lien connexion requise en ajoutant manuellement [Cadenas] juste avant la balise de fermeture du lien </a>.

Normand Lamoureux, M.A., SRDV
Expert en accessibilité du Web

Dernière mise à jour : 25 août 2020.