Wave Access
Le manuel de l'extension d'accessibilité : de l'installation à la personnalisation du widget, jusqu'aux rapports d'audit, à la déclaration et aux outils IA. Tous les réglages se trouvent dans WordPress sous Réglages → Accessibilité.
Installation
- Sélectionnez le ZIP de l'extension dans le back-end WordPress sous Extensions → Ajouter → Téléverser une extension et installez-le — ou déposez le dossier
wave-accessdans/wp-content/plugins/. - Activez l'extension dans la liste des extensions. Vous y trouverez aussi directement le lien Réglages.
- C'est tout — le widget d'accessibilité apparaît immédiatement en bas à droite de votre site. Toutes les corrections de base (liens d'évitement, indicateur de focus, landmarks ARIA) sont actives d'origine.
Activer la licence Pro
Vous trouverez votre clé de licence dans l'e-mail de commande et dans l'espace client.
- Ouvrez Réglages → Accessibilité → Licence.
- Saisissez la clé (format
WAVE-XXXX-XXXX-XXXX) et cliquez sur Activer. - Le tarif (Pro, Pro AI ou Agency) s'affiche et toutes les fonctions incluses se déverrouillent — une seule clé pour tout, y compris les fonctions IA.
Les licences Agency peuvent être activées sur jusqu'à 25 sites ; l'onglet Licence et l'espace client affichent la liste des sites utilisés. Avec « Détacher la licence de ce site », vous libérez une place — pratique lors de la migration de projets clients.
Widget : fonctions pour les visiteurs
Le widget propose aux visiteurs dix modes d'affichage et quatre curseurs — tous les réglages sont conservés 30 jours dans le navigateur du visiteur (sans tracking, sans transmission au serveur) :
| Modes d'affichage | Inversion des couleurs · Monochrome · Contraste sombre · Contraste clair · Saturation réduite · Saturation élevée · Mise en évidence des liens · Mise en évidence des titres · Lecteur d'écran (lecture au clic/à la sélection) · Mode lecture |
|---|---|
| Curseurs | Échelle du contenu · Taille de police · Hauteur de ligne · Espacement des caractères (80–200 % chacun) |
| Langues | L'interface suit la langue du site — 29 langues européennes sont incluses |
Dans l'onglet Widget, vous pouvez désactiver des groupes de fonctions individuellement (p. ex. niveaux de gris, modes de contraste, curseurs de police, soulignement des liens) si vous souhaitez un panneau plus épuré.
Bouton flottant
Tout se trouve dans l'onglet Widget → Bouton flottant :
| Position | Quatre coins : en bas à droite (par défaut), en bas à gauche, en haut à droite, en haut à gauche |
|---|---|
| Marge au bord | 8–80 px de distance par rapport au bord de la page |
| Taille | S (48 px) · M (56 px) · L (64 px) |
| Icône | Personne (par défaut) · Personne en fauteuil roulant · Curseurs — ou une image personnalisée issue de la médiathèque (PNG/SVG, format carré recommandé) |
Vous pouvez aussi désactiver complètement le bouton et placer le panneau vous-même — voir Intégration.
Apparence & thème
| Couleur d'accent | Colore le bouton, les tuiles actives et les curseurs. Via le sélecteur de couleur (palette, HEX, RGB) — ou comme variable CSS, voir ci-dessous. |
|---|---|
| Arrondi du panneau | Rayon des angles du panneau, 4–40 px |
| Thème du panneau | Clair (blanc) · Sombre (anthracite) · Variables personnalisées (couplage au design) |
| Branding | Lien « powered by Wave Tools » au pied du panneau — désactivable à partir de Pro, marque blanche à partir d'Agency |
Couplage au design via variables CSS
Pour les développeurs : au lieu de couleurs fixes, vous pouvez coupler le widget aux propriétés personnalisées CSS de votre thème. Il suit alors automatiquement chaque changement de design — mode sombre inclus.
Couleur d'accent
Dans le champ Couleur d'accent, saisissez simplement la variable au lieu d'une valeur hexadécimale :
var(--primary) ou en abrégé : --primary
Arrière-plan du panneau et couleur du texte
Réglez le thème du panneau sur Variables personnalisées et saisissez les noms des variables définies par votre thème, p. ex. :
:root { --site-bg: #ffffff; --site-text: #1d1d1f; }
@media (prefers-color-scheme: dark) {
:root { --site-bg: #1c1b22; --site-text: #f4f4f5; }
}
Le widget reprend background: var(--site-bg) et color: var(--site-text) et en dérive automatiquement toutes les couleurs secondaires (fonds des tuiles, séparateurs, bordures) via color-mix(). Si le site passe en mode sombre via une media query ou une classe, le widget suit sans configuration supplémentaire.
Bloc Gutenberg
Recherchez « Panneau d'accessibilité » dans l'éditeur de blocs (catégorie Widgets). Le bloc affiche le même panneau que le bouton flottant — idéal pour le footer, les pop-ups ou une page « Accessibilité » dédiée. Dans la barre latérale du bloc, vous réglez le titre, l'affichage du titre et le bouton de réinitialisation.
Shortcode
Le panneau à n'importe quel endroit — y compris dans les fichiers du thème via do_shortcode() :
[wave_access]
[wave_access title="Aide à la navigation" show_title="1" show_reset="0"]
| Attribut | Valeurs | Signification |
|---|---|---|
title | Texte | Titre du panneau (par défaut : « Options d'accessibilité ») |
show_title | 1 / 0 | Afficher le titre |
show_reset | 1 / 0 | Afficher le bouton de réinitialisation |
Elementor
Si Elementor est actif, le widget « Wave Access – Options d'accessibilité » apparaît automatiquement dans le panneau Elementor (catégorie Général, mots-clés « accessibility », « accessibilité »). Placez-le par glisser-déposer ; le titre, l'affichage du titre et le bouton de réinitialisation se règlent directement dans les options du widget.
WPBakery
Si WPBakery (Visual Composer) est actif, vous trouverez l'élément « Wave Access – Options d'accessibilité » dans le catalogue d'éléments sous Contenu — avec les trois mêmes options que le bloc et le shortcode.
Déclaration d'accessibilité Pro
L'onglet Déclaration génère une déclaration d'accessibilité conforme au BFSG (la loi allemande sur l'accessibilité) et à l'EAA, sous forme de page WordPress :
- Renseignez l'organisation, l'e-mail de contact et, si vous le souhaitez, un numéro de téléphone.
- Choisissez le statut de conformité — partiellement conforme est l'état habituel et honnête.
- Complétez les limitations connues (p. ex. « Les anciens documents PDF ne sont pas encore accessibles »).
- Choisissez la langue — les 29 langues de l'extension sont disponibles (l'allemand et l'anglais sont maintenus par la rédaction, d'autres suivront).
- Créer la page — la déclaration est publiée comme page ; en cas de modification, enregistrez simplement à nouveau et la page est mise à jour.
Rapport d'audit & PDF
L'onglet Rapport d'audit regroupe trois outils :
- Vue d'ensemble — statistiques sur les images sans texte alternatif, progression de la liste de contrôle et statut global. C'est aussi ici que vous lancez le rapport d'audit PDF Pro : une documentation justificative optimisée pour l'impression (synthèse, mesures actives, liste de contrôle complète, liste des images), que vous enregistrez en PDF via la boîte de dialogue d'impression.
- Analyse des images — liste détaillée de toutes les images sans texte alternatif, avec aperçu, emplacements et lien direct vers l'édition. La version gratuite affiche les 50 premières images ; Pro vérifie sans limite et exporte en CSV.
- Liste de contrôle BFSG — 27 critères selon les WCAG 2.1 AA en cinq catégories, avec barre de progression et enregistrement. L'auto-évaluation est intégrée au rapport PDF.
Fonctions IA Pro AI
Les fonctions IA s'exécutent sur les serveurs Wave Tools en Allemagne et sont activées via votre licence. Vous trouverez les quotas par tarif sous Tarifs.
Textes alternatifs automatiques
- Au téléversement : interrupteur « Textes alternatifs automatiques au téléversement » — les nouvelles images sont décrites de manière asynchrone.
- Rattraper l'existant : « Vérifier la médiathèque » compte les images sans texte alternatif, « Générer maintenant » les traite avec une barre de progression. Les textes alternatifs existants restent intacts.
- Langue : suit la langue du site, modifiable dans l'onglet IA.
FALC & lecture à voix haute par IA
Le FALC (facile à lire et à comprendre) et la lecture à voix haute par IA font partie du tarif Pro AI et sont activés automatiquement via votre licence dès qu'ils sont disponibles pour votre compte — vous voyez leur statut dans l'onglet IA.
Options back-end
| Widget du tableau de bord | Vue d'ensemble du statut sur le tableau de bord WP — désactivable sous Général → Intégration back-end |
|---|---|
| Barre d'administration | Accès rapide « Accessibilité » dans la barre supérieure — également désactivable |
| Visualiseur de tabulation | Affiche aux admins l'ordre de tabulation avec des numéros directement dans le front-end (onglet Ordre de tabulation) |
| Notifications e-mail | Notification optionnelle lorsqu'une image sans texte alternatif est téléversée |
Aperçu des tarifs
| Free | Pro | Pro AI | Agency | |
|---|---|---|---|---|
| Widget + corrections de base + liste de contrôle | ✓ | ✓ | ✓ | ✓ |
| Vérification des textes alternatifs | 50 images | illimitée + CSV | illimitée + CSV | illimitée + CSV |
| Déclaration d'accessibilité + rapport PDF | — | ✓ | ✓ | ✓ |
| IA : textes alternatifs / FALC / lecture à voix haute | — | — | ✓ | ✓ (mutualisé) |
| Sites web | ∞ | 1 | 1 | jusqu'à 25 |
| Branding désactivable / marque blanche | — | ✓ / — | ✓ / — | ✓ / ✓ |
Tarifs et commande : wavetools.io/#pricing · Gestion : espace client
Dépannage
Les obstacles les plus fréquents et leurs solutions — la plupart des problèmes se règlent en quelques minutes.
Le widget n'apparaît pas dans le front-end
Vérifiez d'abord que l'extension est bien activée dans la liste des extensions et que le bouton flottant est activé dans l'onglet Widget. Ensuite, la cause la plus fréquente est une extension de cache ou un CDN : videz le cache (p. ex. WP Rocket, LiteSpeed Cache, Cloudflare) et rechargez la page dans une fenêtre de navigation privée. Les extensions d'optimisation qui diffèrent (defer) ou regroupent le JavaScript peuvent bloquer le script du widget — excluez-y wave-access de l'optimisation. Vérifiez également si des règles d'exclusion (certaines pages ou certains types de contenu) s'appliquent.
La clé de licence n'est pas acceptée
La clé a le format WAVE-XXXX-XXXX-XXXX — attention aux espaces en début ou en fin lors de la copie depuis l'e-mail de commande. Si la limite de sites de votre tarif est atteinte, le serveur refuse l'activation : ouvrez l'espace client et libérez une place avec « Détacher la licence de ce site ». Si l'activation échoue avec une erreur de connexion, votre serveur ne parvient pas à joindre wavetools.io — demandez à votre hébergeur d'autoriser les connexions HTTPS sortantes vers wavetools.io (pare-feu, fichier hosts).
Les fonctions IA ne renvoient aucun résultat
Cause la plus fréquente : le quota mensuel est épuisé — l'onglet IA affiche votre consommation et vous recevez un e-mail d'avertissement à 80 % et à 100 %. Vous pouvez acheter du quota supplémentaire dans l'espace client. Vérifiez aussi que votre tarif inclut bien l'IA (Pro AI ou Agency — voir Tarifs). Si les requêtes restent totalement sans réponse, votre serveur bloque peut-être les connexions HTTPS sortantes vers le proxy Wave Tools — en cas de doute, demandez à votre hébergeur.
La lecture à voix haute utilise la voix système au lieu de la voix IA
La voix IA nécessite une licence Pro AI (ou Agency) active et du quota disponible — s'il manque l'un des deux, le widget revient automatiquement à la voix système du navigateur. Vérifiez la licence et la consommation dans l'onglet IA. La première lecture d'une page prend en outre un court instant : l'audio est généré sur le serveur puis mis en cache — à partir de la deuxième lecture, il démarre immédiatement.
Le widget ne s'accorde pas visuellement avec le thème
La position, la taille, la couleur d'accent et le thème du panneau se règlent sous Réglages → Accessibilité → Widget. Si vous souhaitez que le widget suive automatiquement les couleurs de votre thème — mode sombre inclus —, couplez-le à votre design via les variables CSS : voir Couplage au design. Il reste ainsi cohérent même après un changement de thème, sans retouche manuelle des couleurs.
L'affichage se casse avec les extensions d'optimisation/minification
Certaines extensions d'optimisation (Autoptimize, WP Rocket, SiteGround Optimizer, etc.) regroupent ou minifient le CSS et le JavaScript de façon si agressive que les styles ou scripts du widget se cassent. Excluez-y les fichiers de l'extension (le chemin contient wave-access) de la minification/du regroupement, videz ensuite le cache et vérifiez la page dans une fenêtre privée. Les ressources du widget sont déjà légères et optimisées — une minification supplémentaire n'apporte pratiquement rien.
Le scan externe signale « quota atteint » ou une erreur
Le scan a des limites mensuelles par tarif : Free 2, Pro 20, Agency 100 scans — le compteur se réinitialise au changement de mois. Le scanner ne peut en outre analyser que des pages accessibles publiquement : le mode maintenance, une protection par mot de passe basic-auth ou un environnement de développement local empêchent l'accès et provoquent une erreur. Désactivez brièvement la protection ou scannez le site en production.
Une mise à jour disponible ne s'affiche pas
WordPress ne vérifie les mises à jour qu'environ toutes les douze heures. Lancez la vérification manuellement : Tableau de bord → Mises à jour → « Vérifier à nouveau » — cela vide le transient de mise à jour. Si la mise à jour Pro n'apparaît toujours pas, jetez un œil à votre licence : si elle a expiré, le serveur de mise à jour ne livre plus que les mises à jour de la version gratuite ; après le renouvellement dans l'espace client, les mises à jour Pro sont de nouveau disponibles immédiatement.
Support
Une question, un bug, une suggestion ? Écrivez à support@wavetools.io — les clients Pro reçoivent une réponse prioritaire. Il est utile d'indiquer vos versions de WordPress et de l'extension (voir la liste des extensions) ainsi qu'une brève description de ce que vous attendiez et de ce que vous avez constaté à la place.