JuZ DualView

Comparez deux contenus avec un curseur : avant et après, ancienne et nouvelle version. Chaque côté accepte n’importe quels blocs, et le curseur se pilote au clavier.

Essayez

Faites glisser le curseur, ou placez-vous dessus et utilisez les flèches gauche et droite du clavier. Chaque exemple compare deux versions du même contenu.

Images

Paysage dessiné en niveaux de gris : collines, soleil et lac
Le même paysage en couleurs : collines vertes, soleil orange et lac bleu

Avant : le dessin en niveaux de gris. Après : le même dessin en couleurs.

Utilisez les contrôles ci-dessous pour ajuster la comparaison.

Bannières avec texte

Première maquette

Maquette en gris.

Version finale

Couleurs et message.

Avant : la première maquette. Après : la bannière refaite.

Utilisez les contrôles ci-dessous pour ajuster la comparaison.

Texte seul

Notre solution capitalise sur des synergies transverses pour délivrer une valeur digitale de bout en bout.

Nous construisons des sites rapides, que tout le monde peut utiliser.

Avant : le jargon. Après : des mots simples.

Utilisez les contrôles ci-dessous pour ajuster la comparaison.

Comment l’utiliser

  • Ajoutez le bloc JuZ DualView.
  • Placez n’importe quels blocs dans les groupes Avant et Après : images, bannières, texte, une mise en page complète, tant que le contenu n’est pas interactif (ni liens, ni boutons, ni formulaires, ni lecteurs vidéo : le curseur se place par-dessus).
  • Donnez un fond aux deux côtés quand ils contiennent du texte, pour que l’un ne se voie pas à travers l’autre.
  • Renseignez le libellé accessible, les instructions et la description dans les réglages du bloc.

Questions sur JuZ DualView

Peut-on comparer autre chose que des images ?

Oui. Chaque côté accepte n’importe quels blocs : images, bannières, texte ou une mise en page complète, tant que le contenu n’est pas interactif. Liens, boutons, formulaires ou lecteurs vidéo seraient sous le curseur et inutilisables.

Le curseur est-il accessible ?

Oui. Il se pilote à la souris, au doigt et au clavier (flèches gauche et droite), avec les attributs ARIA adaptés. Son accessibilité a été construite avec les conseils de Jean-Baptiste Audras (Whodunit).

Dans quelle langue sont les libellés ?

Les libellés par défaut du curseur et de ses boutons sont ajoutés à l’affichage, dans la langue de la page. Sur un site multilingue, chaque page a les siens ; les libellés saisis dans les réglages du bloc restent tels quels.

Est-ce gratuit ?

Oui. JuZ DualView est libre et gratuit (GPL), publié sur WordPress.org, avec son code source sur GitLab.