Comment créer une publication numérique accessible

Le guide complet du WCAG 2.2 AA pour les éditeurs - ce que cela signifie et comment s'y conformer.

Comment créer une publication numérique accessible

L'accessibilité n'est pas une fonctionnalité que l'on ajoute à la fin. C'est une décision de conception qui façonne la manière dont votre contenu atteint chaque lecteur, y compris les quelque 1,3 milliard de personnes dans le monde qui vivent avec une forme de handicap. Pour les éditeurs, bien gérer l'accessibilité est à la fois une responsabilité éthique et une exigence légale de plus en plus courante.

Ce guide explique ce que WCAG 2.2 AA signifie pour les publications numériques, ce que ZenFlip gère automatiquement et ce que vous devez faire de votre côté pour rendre votre contenu véritablement accessible.

Ce que signifie WCAG 2.2 AA

Les Web Content Accessibility Guidelines (WCAG) sont publiées par le World Wide Web Consortium (W3C) et sont devenues le standard mondial pour l'accessibilité numérique. La version 2.2, publiée en octobre 2023, est le standard actuel.

WCAG comporte trois niveaux de conformité :

  • Niveau A - le minimum. Couvre les exigences d'accessibilité les plus basiques

  • Niveau AA - le standard que la plupart des législations référencent. Couvre les besoins de la majorité des personnes en situation de handicap

  • Niveau AAA - le standard le plus élevé. Difficile à atteindre pour tous les types de contenu mais utile comme objectif pour des contextes spécifiques

Lorsqu'on dit qu'une publication est « conforme WCAG 2.2 AA », cela signifie qu'elle respecte tous les critères de succès de niveau A et de niveau AA. C'est le niveau que ZenFlip vise.

Les quatre principes

WCAG est organisé autour de quatre principes. Chaque exigence d'accessibilité relève de l'un d'entre eux :

1. Perceptible

Le contenu doit être présentable de manière à ce que tous les utilisateurs puissent le percevoir. Cela signifie :

  • Alternatives textuelles pour les images (texte alternatif)

  • Sous-titres ou transcriptions pour le contenu audio et vidéo

  • Contraste de couleurs suffisant entre le texte et l'arrière-plan

  • Contenu qui ne repose pas uniquement sur la couleur pour transmettre du sens

  • Texte redimensionnable jusqu'à 200 % sans perte de fonctionnalité

2. Utilisable

L'interface doit être utilisable par tous. Cela signifie :

  • Navigation complète au clavier - chaque fonction doit être accessible sans souris

  • Pas de pièges au clavier - les utilisateurs doivent pouvoir quitter n'importe quel composant

  • Temps suffisant pour lire et interagir avec le contenu

  • Pas de contenu qui clignote plus de trois fois par seconde

  • Indicateurs de focus clairs pour que les utilisateurs au clavier sachent où ils se trouvent

3. Compréhensible

Le contenu et le comportement de l'interface doivent être prévisibles et compréhensibles. Cela signifie :

  • Langage clair approprié pour l'audience

  • Modèles de navigation cohérents

  • Identification des erreurs et suggestions pour les formulaires et éléments interactifs

  • Étiquettes et instructions pour toute saisie demandée aux utilisateurs

4. Robuste

Le contenu doit fonctionner sur une gamme de technologies, y compris les technologies d'assistance. Cela signifie :

  • Balisage valide et bien structuré que les lecteurs d'écran peuvent interpréter

  • Attributs ARIA utilisés correctement lorsque le HTML standard est insuffisant

  • Compatibilité avec les technologies d'assistance actuelles et raisonnablement futures

Ce que ZenFlip gère automatiquement

Lorsque vous publiez un flipbook sur ZenFlip, la visionneuse et la couche de diffusion gèrent de nombreuses exigences d'accessibilité pour vous :

Navigation au clavier. La visionneuse ZenFlip supporte le contrôle complet au clavier. Les lecteurs peuvent tourner les pages, naviguer vers des pages spécifiques, basculer en plein écran et accéder à tous les contrôles de la visionneuse sans souris. L'ordre de tabulation suit une séquence logique.

Support des lecteurs d'écran. La visionneuse annonce les changements de page, les libellés des boutons et les repères de navigation aux lecteurs d'écran. Des étiquettes ARIA sont appliquées à tous les éléments interactifs.

Gestion du focus. Des indicateurs de focus visibles apparaissent sur tous les éléments interactifs. Le focus est correctement géré lors de l'ouverture et de la fermeture des superpositions, des dialogues et de la visionneuse en plein écran.

Design responsive. La visionneuse s'adapte à n'importe quelle taille d'écran et supporte le redimensionnement du texte. Les lecteurs peuvent zoomer sur le contenu sans casser la mise en page.

Support tactile et gestuel. Les lecteurs sur mobile peuvent balayer pour tourner les pages et utiliser les gestes standard de pincement pour zoomer.

Contraste des couleurs dans l'interface de la visionneuse. Tous les contrôles, boutons et éléments de navigation de la visionneuse respectent le ratio de contraste minimum de 4,5:1 requis par WCAG 2.2 AA.

Ce que vous devez faire

ZenFlip gère la visionneuse, mais le contenu à l'intérieur de votre publication relève de votre responsabilité. Voici les points essentiels :

Contraste des couleurs dans votre contenu

Le texte de votre PDF doit avoir un contraste suffisant par rapport à son arrière-plan. WCAG 2.2 AA exige :

  • Un ratio de contraste de 4,5:1 pour le texte normal (moins de 18 pt ou 14 pt en gras)

  • Un ratio de contraste de 3:1 pour le grand texte (18 pt et plus, ou 14 pt en gras et plus)

Problèmes courants :

  • Texte gris clair sur fond blanc

  • Texte coloré sur fond coloré (par exemple, texte orange sur fond jaune)

  • Texte superposé sur des photographies sans arrière-plan solide ou semi-transparent

Utilisez un vérificateur de contraste comme le Contrast Checker de WebAIM (webaim.org/resources/contrastchecker) pour vérifier vos combinaisons de couleurs avant de créer votre PDF.

Structure du document

Un PDF bien structuré aide les lecteurs d'écran à comprendre la hiérarchie et le flux de votre contenu :

  • Utilisez de vrais titres dans votre outil de création (Word, InDesign, Google Docs). Ne vous contentez pas d'agrandir et de mettre en gras le texte - utilisez les styles de titre (H1, H2, H3)

  • Utilisez un ordre de lecture logique - le contenu doit avoir du sens lorsqu'il est lu séquentiellement de haut en bas, de gauche à droite

  • Utilisez des listes pour le contenu de type liste plutôt que des puces ou tirets tapés manuellement

  • Utilisez des tableaux pour les données tabulaires, pas pour la mise en page

Images et texte alternatif

Chaque image significative dans votre publication devrait avoir un texte alternatif qui décrit ce que l'image transmet :

  • Soyez spécifique. « Graphique à barres montrant un chiffre d'affaires de 4,2 M$ au T3, en hausse de 12 % par rapport au T2 » est meilleur que « graphique »

  • Soyez concis. Une ou deux phrases suffisent généralement

  • Ignorez les images décoratives. Les bordures, arrière-plans et espaceurs purement décoratifs n'ont pas besoin de texte alternatif

  • Décrivez la fonction, pas seulement l'apparence. Si une image est un lien ou un bouton, décrivez sa destination ou son action

Dans la plupart des outils de création (Word, InDesign, Google Docs), vous pouvez ajouter du texte alternatif via le dialogue des propriétés de l'image. Ce texte alternatif est conservé dans le PDF si vous exportez correctement.

Typographie et lisibilité

  • Taille de police minimale de 12 pt pour le corps du texte. Un texte plus petit est difficile à lire même pour les personnes sans déficience visuelle

  • Évitez le texte justifié dans la mesure du possible. L'espacement inégal entre les mots peut être difficile pour les lecteurs dyslexiques

  • Utilisez un interligne suffisant. WCAG recommande une hauteur de ligne d'au moins 1,5 fois la taille de la police pour le corps du texte

  • Limitez la longueur des lignes. Des lignes de 60 à 80 caractères sont les plus faciles à lire

Langage et clarté

  • Utilisez un langage simple approprié pour votre audience. Évitez le jargon quand des mots plus simples fonctionnent

  • Définissez les abréviations dès leur première utilisation

  • Utilisez la voix active dans la mesure du possible. « Le conseil a approuvé le budget » est plus clair que « Le budget a été approuvé par le conseil »

  • Découpez les longs paragraphes. Des paragraphes plus courts avec des phrases d'introduction claires sont plus faciles à parcourir et à comprendre

Créer un PDF accessible

La qualité de l'accessibilité de votre flipbook dépend significativement de la qualité du PDF source. Voici les étapes clés pour chaque outil de création courant :

Depuis Microsoft Word

  1. Utilisez les styles de titre intégrés (Titre 1, Titre 2, etc.)

  2. Ajoutez du texte alternatif à toutes les images significatives (clic droit > Modifier le texte de remplacement)

  3. Utilisez le Vérificateur d'accessibilité (Révision > Vérifier l'accessibilité) avant d'exporter

  4. Exportez en PDF via Fichier > Enregistrer sous > PDF (assurez-vous que « Balises de structure du document pour l'accessibilité » est coché)

Depuis Adobe InDesign

  1. Utilisez les styles de paragraphe de manière cohérente pour les titres et le corps du texte

  2. Définissez l'ordre de lecture dans le panneau Articles

  3. Ajoutez du texte alternatif via Objet > Options d'exportation d'objet

  4. Exportez en PDF via Fichier > Exporter > Adobe PDF (Interactif ou Impression), avec « Créer un PDF balisé » coché

Depuis Google Docs

  1. Utilisez les styles de titre depuis la barre d'outils

  2. Ajoutez du texte alternatif aux images (clic droit > Texte alternatif)

  3. Exportez en PDF via Fichier > Télécharger > PDF

Depuis Canva

  1. Canva a des fonctionnalités d'accessibilité limitées pour l'export PDF

  2. Utilisez une hiérarchie de titres claire dans votre design

  3. Assurez-vous d'un contraste de couleurs fort

  4. Téléchargez en PDF Impression pour la meilleure qualité

Tester votre publication

Après avoir téléchargé sur ZenFlip, suivez ces étapes pour vérifier l'accessibilité :

  1. Test clavier - naviguez dans votre flipbook en utilisant uniquement le clavier. Pouvez-vous atteindre chaque page ? Pouvez-vous accéder à tous les contrôles ?

  2. Test lecteur d'écran - si vous avez accès à un lecteur d'écran (VoiceOver sur Mac, NVDA sur Windows), écoutez comment votre contenu est lu à voix haute. L'ordre de lecture a-t-il du sens ?

  3. Test de zoom - zoomez à 200 % dans votre navigateur. Le contenu reste-t-il utilisable ?

  4. Test de couleur - visualisez votre contenu en niveaux de gris. Pouvez-vous toujours comprendre toutes les informations ?

Exigences légales

L'accessibilité est de plus en plus une exigence légale, pas seulement une bonne pratique :

  • États-Unis - L'Americans with Disabilities Act (ADA) et la Section 508 exigent un contenu numérique accessible pour les agences gouvernementales et de nombreuses organisations privées

  • Union européenne - L'European Accessibility Act (EAA), entrant en vigueur en juin 2025, exige des produits et services numériques accessibles

  • Royaume-Uni - L'Equality Act 2010 et les Public Sector Bodies Accessibility Regulations 2018

  • Australie - Le Disability Discrimination Act 1992

  • Inde - Le Rights of Persons with Disabilities Act, 2016

Bien que ZenFlip fournisse une visionneuse accessible, vous devriez consulter votre équipe juridique concernant vos obligations de conformité spécifiques. Le contenu que vous publiez doit également respecter les standards d'accessibilité.

Ressources

  • Spécification WCAG 2.2 - w3.org/TR/WCAG22

  • Vérificateur de contraste WebAIM - webaim.org/resources/contrastchecker

  • PDF Accessibility Checker (PAC) - pdfua.foundation/en/pac

  • Déclaration d'accessibilité ZenFlip - zenflip.io/legal/accessibility

Résumé

Créer des publications numériques accessibles implique deux couches : la plateforme de diffusion et le contenu lui-même. ZenFlip gère la couche plateforme, fournissant une visionneuse accessible avec navigation au clavier, support des lecteurs d'écran et design responsive. Votre responsabilité est de créer un contenu avec une structure appropriée, un contraste de couleurs suffisant, un texte alternatif significatif et un langage clair.

Commencez par les bases : des titres structurés, un bon contraste et du texte alternatif sur les images. Ces trois éléments seuls font une différence significative pour les lecteurs qui dépendent des technologies d'assistance.

← All guides