- 18 Nov 2024
- 8 Minutes à lire
- SombreLumière
- PDF
Création d’un PDF accessible
- Mis à jour le 18 Nov 2024
- 8 Minutes à lire
- SombreLumière
- PDF
Les sections suivantes décrivent comment créer un document PDF accessible :
Pour télécharger le fichier PDF utilisé dans cette rubrique, cliquez Tagging Features PDF.
Introduction
Le concept de « PDF balisé » est au cœur de la solution d’accessibilité de OneSpan Sign, puisque seuls les éléments PDF balisés sont inclus dans sa représentation HTML WCAG. Ainsi, tous les éléments destinés aux contenus accessibles et à la signature doivent être balisés (y compris les Champs de Signature et les « champs automatiques » dont le contenu est déclenché par la signature).
Un PDF balisé peut être créé automatiquement à partir d’un éditeur de texte tel que Microsoft Word ou Adobe FrameMaker. Toutefois, un tel balisage automatique ne crée qu’un fichier PDF balisé de base. Ces PDF doivent par la suite être inspectés et éventuellement modifiés pour s’assurer qu’ils respectent les normes décrites dans le reste du présent chapitre (voir, p. ex., Distrust Automatically Tagged PDFs).
La méthode recommandée pour ajouter, modifier, supprimer ou faire glisser des balises consiste à utiliser l’outil Balises d’Adobe Acrobat, situé dans son volet de navigation (voir ici).
La conformité totale en matière d’accessibilité nécessite bien plus qu’un PDF correctement balisé. Pour une liste de contrôle complète, cliquez ici.
Un exemple de PDF balisé
La figure suivante montre le contenu d’un exemple de fichier PDF balisé dont le nom de fichier est Balisage Features.pdf.
La figure suivante montre l’onglet Balises de ce fichier PDF.
Les balises de structure de l’onglet précédent sont organisées dans une arborescence hiérarchique. Le document commence par la racine appelée Balises en haut. À l’intérieur de la racine se trouve un ensemble de balises identifiées par leur type (par exemple, Part, H1, H2, P, Table). Chaque étiquette peut contenir d’autres étiquettes ou feuilles.
Une « feuille » peut être un champ de formulaire, une image ou du texte. Dans l’onglet ci-dessus, chaque feuille est identifiée par une icône de boîte.
Si vous cliquez avec le bouton droit sur une balise dans l’onglet Balises , la boîte de dialogue suivante s’affiche :
Les champs de cette boîte sont les suivants :
Type — Type de la balise de structure. Vous pouvez le spécifier à partir de la liste déroulante associée (par exemple, Paragraphe, Niveau d’en-tête 1). La solution d’accessibilité utilise ce type lorsqu’elle convertit la balise PDF en balise HTML.
Titre (facultatif) : nom de la balise qui apparaît dans la vue Balises PDF. Ce champ existe uniquement pour aider l’auteur du balisage à identifier les balises dans cette vue. Ces informations ne sont pas lues par les lecteurs d’écran.
Texte réel (facultatif) — Il s’agit d’un texte de remplacement pour le texte représenté de manière non standard, en particulier en ce qui concerne la typographie. Par exemple : (1) un glyphe pour une ligature (ae, oe,, etc.) ; (2) une équation mathématique. Tous les éléments PDF sur lesquels cette balise est appliquée seront remplacés par le contenu du texte réel (voir l’exemple dans la figure précédente).
Texte alternatif (facultatif) — Il s’agit d’un texte alternatif lisible par l’homme fourni pour les images et autres éléments qui ne se traduisent pas naturellement en texte. Par exemple, pour l’image de notre exemple de PDF, la valeur de ce champ pourrait être : Ceci est un visage arc-en-ciel heureux.
Il peut ne pas être utile d’étiqueter une image d’arrière-plan pour les malvoyants. Si l’image n’est pas balisée, le lecteur d’écran ne le mentionnera pas. Néanmoins, certaines images sont des sources d’information importantes, il est donc généralement bon de dire à « l’auditeur » ce qu’une image représente.
ID (facultatif) — Identificateur de la balise de structure (par exemple, figure1). Le format PDF exige que tous ces identifiants soient uniques (bien qu’ils puissent rester vides). Ces ID sont exportés au format HTML. Pour respecter les règles d’identification pour HTML5, ces ID ne peuvent pas contenir d’espaces. Les espaces seront supprimés avant l’exportation en HTML.
Dans un document PDF, les ID sont dérivés de deux sources : (1) les ID des balises de structure ; (2) les noms des champs de formulaire. Le format PDF exige que chacun d’entre eux soit unique dans son propre « domaine », bien que l’ID d’une balise de structure puisse être le même que le nom d’un champ de formulaire.
Langue (facultatif) — Langue (ISO 639-1) associée à la balise. Le moteur TTS utilisera la valeur de cette propriété pour mieux prononcer le texte contenu dans la balise.
Si vous cliquez sur l’onglet Contenu de la boîte de dialogue précédente, l’écran suivant s’affiche :
L’onglet Contenu vous permet de spécifier des propriétés supplémentaires des balises. L’un des plus utiles est celui-ci :
Texte d’extension (facultatif) — Le moteur TTS peut rencontrer des problèmes avec les abréviations et les acronymes. Il est souvent préférable pour le moteur de prononcer un mot entier au lieu de son abréviation (par exemple, boulevard au lieu de blvd., ou Doctor au lieu de Dr.). Ce champ permet au moteur TTS de le faire (voir, par exemple, la valeur du texte d’extension dans la figure précédente).
À l’occasion, une personne malvoyante peut trouver plus facile de naviguer dans un document si certaines parties sont prononcées dans un ordre différent de l’ordre visuel du document. La structure logique créée par le processus de balisage permet de réorganiser facilement les balises pour cette situation. À l’aide de l’outil Balises d’Acrobat, il suffit de faire glisser une ligne donnée vers le nouvel emplacement souhaité dans l’arborescence affichée. Le processus d’accessibilité présentera les informations PDF vocales dans un ordre temporel qui descend séquentiellement de la racine de l’arbre (en haut) à sa branche inférieure. Dans la figure suivante, la ligne « Cette ligne est visuellement en dessous » dans l’arborescence des balises apparaît au-dessus de « Cette ligne est visuellement en haut ». Pourtant, ils apparaissent dans l’ordre inverse sur le PDF. Le lecteur d’écran suivra l’ordre dans l’arborescence des balises.
La racine et le panneau de l’arborescence de l’ordre de lecture peuvent être utilisés pour baliser le contenu avec des balises sémantiques HTML (par exemple, H, P, Form) et pour spécifier l’ordre de lecture dans un lecteur d’écran. Pour être correctement affiché dans accessibility mode dans l’expérience du signataire, tout le contenu du document doit apparaître comme balisé lorsque vous ouvrez le volet suivant :
Bonnes pratiques pour le balisage des fichiers PDF
Les sections suivantes décrivent diverses bonnes pratiques :
Une page plus longue est préférable à plusieurs pages
Pour éviter une navigation inutile, il est préférable d’avoir une longue page plutôt que plusieurs pages. Si un document est bien structuré avec des balises PDF significatives, il sera facilement parcouru par une personne malvoyante. Et si les instructions sont claires, il n’est pas nécessaire d’avoir plusieurs pages.
Personnaliser les instructions pour les champs de formulaire
Lorsqu’une page contient des champs de formulaire qui doivent être remplis, une personne handicapée bascule généralement son lecteur d’écran en mode formulaire. Dans ce mode, un utilisateur peut taper du texte qui ne sera pas interprété comme des raccourcis de lecteur d’écran. L’utilisateur se déplacera d’un champ à l’autre à l’aide de la touche TAB . Chaque fois que le lecteur d’écran saisit un champ de saisie, il lit le texte de l'<étiquette> associé à ce champ, ainsi que des informations sur le champ (par exemple, case à cocher - décochée).
Si la page contient du texte libre entre deux champs de formulaire, elle ne sera pas lue par le lecteur d’écran. En d’autres termes, si une description de ce qu’il faut faire avec un champ de formulaire est en texte clair, elle sera probablement ignorée par le lecteur d’écran lorsqu’il est en mode formulaire.
La bonne façon de résoudre ce problème consiste à ajouter l’instruction requise au champ Info-bulle de la boîte de dialogue des propriétés du champ de formulaire . OneSpan Sign extraira cette information du document PDF et la mettra à la disposition des lecteurs d’écran.
La figure suivante illustre comment ajouter une info-bulle à un champ de formulaire :
Et la figure suivante illustre comment l’info-bulle de la figure précédente apparaît sur le PDF. Cette infobulle sera lue par un lecteur d’écran :
Méfiance : PDF balisés automatiquement
Méfiez-vous des documents PDF qui ont été balisés automatiquement. À moins que le document source ne soit extrêmement bien structuré, le balisage automatique ne créera pas un PDF qui peut être facilement parcouru par les malvoyants.
Par exemple, l’arborescence des balises ci-dessous a été créée après la conversion d’un document Microsoft Word au format PDF avec balisage automatique. L’aspect visuel du document (à droite de la figure) laisserait penser que le texte 1 apparaîtrait en premier dans l’arborescence des balises, suivi du texte 2 . Cependant, le marquage automatique (à gauche de la figure) a inversé cet ordre.
Donnez aux utilisateurs des instructions claires
Il est important d’indiquer clairement aux utilisateurs ce que contient une page, quelle action est immédiatement requise et quelle action vient de se produire.
Lorsqu’une page s’affiche dans un navigateur, le lecteur d’écran commence à la lire par le haut. À ce stade, il se peut qu’un utilisateur malvoyant ne sache pas pourquoi la page est affichée ou ce qu’il doit faire.
Il est essentiel qu’un document contienne des niveaux d’en-tête (h1 ... h6) parce qu’ils seront la principale source d’information d’une personne malvoyante sur la façon dont le document est structuré et sur la façon de s’y retrouver. Cela peut être réalisé en balisant correctement le document PDF.
Si un champ a été ajouté automatiquement à la page actuellement consultée d’un document, il est bon de le mentionner en haut de la page. Par exemple:
Ajouter l’énoncé « Un champ de texte contenant la date de signature a été ajouté à ce document à cet endroit ».
Au-dessus des mots « à cet endroit », insérez un lien hypertexte qui renvoie au nouveau champ de texte.