Accessibilité

Pourquoi cette page est rédigée ainsi

Les acheteurs publics lisent sérieusement les pages d'accessibilité, et une décennie de discours fournisseurs leur a appris à considérer « pleinement conforme WCAG » comme un signal d'alerte. La conformité est une affirmation par page, par version et testée, non un insigne qu'un produit porterait à perpétuité. Un outil d'enquête ne peut honnêtement revendiquer la conformité d'enquêtes qu'il n'a pas vues, car une grande part de l'expérience finale est décidée par la personne qui conçoit le formulaire.

Cette page se divise donc en trois : ce que nous faisons, ce que vous maîtrisez, et ce que nous n'avons pas fait. Si vous remplissez un questionnaire d'achat public et qu'il vous faut une position formelle, utilisez la déclaration d'accessibilité et posez-nous directement la question plutôt que de déduire une réponse d'un texte commercial.

La norme que nous visons

WCAG 2.2 niveau AA, publiée par le W3C en octobre 2023, sert de référence. Au Royaume-Uni, c'est la norme visée par les Public Sector Bodies (Websites and Mobile Applications) (No. 2) Accessibility Regulations 2018 : une collectivité, un établissement du NHS ou une université qui mène une consultation est donc soumis à une obligation légale à laquelle une enquête intégrée à son site n'échappe pas. WCAG 2.2 a ajouté des critères qui comptent particulièrement pour les formulaires — un focus visible non masqué, la taille des cibles, des alternatives au glisser-déposer, une aide constante, et le fait de ne pas demander à quelqu'un de ressaisir une information déjà fournie.

Les décisions que nous avons prises

Utilisation au clavier

Tout ce qu'un répondant doit faire passe par un véritable contrôle de formulaire ou un véritable bouton : champs, boutons radio, cases à cocher, listes de sélection, liens. Nous utilisons les contrôles natifs parce qu'ils arrivent avec un comportement clavier, une restitution d'état et des conventions de plateforme déjà correctes, et parce que chaque case à cocher réimplémentée est une occasion de se tromper sur l'un de ces points.

Les questions de classement se présentent sous forme d'éléments à ordonner par glisser-déposer, et le glissement est un geste de pointage — le critère de succès 2.5.7 de WCAG 2.2 attend une alternative à pointeur unique. Elle existe : chaque option porte un bouton Ajouter qui la place dans la liste classée, et chaque élément classé porte un contrôle pour l'en retirer. La question peut être complétée entièrement au moyen de boutons : le glissement est donc un confort et non l'unique chemin.

Indicateurs de focus

Le focus n'est jamais supprimé, et son anneau est délibérément ambré plutôt que du violet de la marque. Un anneau violet sur un bouton violet n'est pas un indicateur de focus visible ; c'est un contour décoratif qui échoue au critère 2.4.11. Choisir une couleur qui jure avec la marque est précisément l'intention.

Mouvement

Tout mouvement non essentiel est conditionné par prefers-reduced-motion. Si votre système d'exploitation est réglé sur mouvement réduit, les animations d'entrée et les transformations au survol ne s'exécutent pas — le contenu est simplement là. Aucune information importante n'est transmise par le seul mouvement, et rien ne se déclenche automatiquement.

Balisage sémantique et étiquetage

Les pages emploient des titres dans l'ordre, des listes qui sont des listes, des tableaux qui sont des tableaux et des repères qui permettent à un utilisateur de lecteur d'écran d'accéder directement au contenu. Chaque question est un contrôle étiqueté, et le texte de l'étiquette provient du titre de question que vous rédigez — c'est exactement pourquoi la formulation choisie dans l'éditeur relève d'une décision d'accessibilité et non d'un choix de style.

Ne pas se reposer sur la seule couleur ni sur les seules images

Les tuiles d'options portent leur libellé sous forme de texte, les questions acceptent une ligne de description facultative, et les images jointes à une question complètent la formulation sans la remplacer. L'éditeur propose une liste simple comme alternative aux tuiles d'options bento affichées par défaut ; une liste simple est souvent préférable pour les libellés longs et pour les répondants qui utilisent l'agrandissement.

Erreurs et validation

La validation couvre les champs obligatoires, la longueur minimale et maximale avec compteur en direct, les intervalles numériques, le courriel, le téléphone, l'URL, le code postal britannique et des motifs personnalisés. Un motif personnalisé peut porter un message personnalisé, et il le devrait : « format invalide » n'apprend rien à personne, tandis que « saisissez un code postal du type SW1A 1AA » indique à tout le monde quoi faire. Rédigez le message que vous voudriez lire si vous ne pouviez pas voir le champ.

Alléger la charge du répondant

L'accessibilité ne se réduit pas à la mécanique. La charge cognitive est l'obstacle qui n'est jamais mesuré, et trois fonctionnalités du produit existent en partie pour l'abaisser : la logique conditionnelle, pour que personne ne lise des questions qui ne le concernent pas, l'enregistrement avec reprise, pour qu'une longue enquête se fasse en séances courtes, et le report de réponse, pour qu'une question ultérieure reprenne ce que le répondant a réellement dit. Il n'y a par ailleurs aucun CAPTCHA dans le parcours répondant : la protection contre le spam agit côté serveur, ce qui évite une épreuve supplémentaire à un répondant handicapé.

Ce que vous maîtrisez

L'outil ne peut vous mener que jusqu'à un certain point. Ce qui suit vous appartient :

• Le choix de la mise en page. La mise en page classique est une page unique à faire défiler, dans l'ordre du document : c'est la plus prévisible pour les technologies d'assistance. La conversationnelle avance question par question.
• La formulation des questions. Elle devient le nom accessible du contrôle. Une question longue, composée ou ambiguë est un problème d'accessibilité avant d'être un problème de qualité des données.
• Les images. Si une image porte une information absente du texte de la question, décrivez-la dans la question ou dans la ligne de description.
• La couleur d'accent. Le thème par enquête peut être réglé sur une couleur qui échoue au contraste sur fond blanc. Vérifiez-le.
• Les questions de classement et de matrice. Les deux demandent plus d'efforts qu'un simple choix. Employez-les là où elles le méritent.
• Les tests. Remplissez votre propre enquête au clavier seul avant de la publier. Cela prend cinq minutes et révèle la plupart des problèmes.

Ce que nous n'avons pas fait

Énoncé sans détour, car les manques comptent davantage que la liste ci-dessus :

• Aucun audit d'accessibilité indépendant n'a été réalisé.
• Aucune certification d'accessibilité n'est détenue, et aucune n'est revendiquée.
• Aucun VPAT ni rapport formel de conformité n'est publié.
• Les questions de classement offrent un chemin sans pointeur : chaque option porte un bouton Ajouter pour la placer dans la liste classée et un contrôle pour l'en retirer, de sorte que la question peut être complétée sans glisser-déposer. Le glissement reste disponible pour ceux qui le préfèrent.
• Il n'existe aucun mode hors ligne ni mode borne permettant une saisie assistée sans connexion.

Si vous rencontrez un obstacle, signalez-le-nous via la page de contact, en précisant la mise en page de l'enquête et la technologie d'assistance utilisée. Un signalement précis vaut mieux qu'un rapport d'outil automatique, et nous préférons corriger une difficulté que discuter d'un critère.

À lire également

Voir NumoForms pour les collectivités pour la manière dont les consultations sont habituellement menées, le co-marquage partenaire par enquête pour les travaux menés conjointement avec d'autres autorités, et la page sécurité pour le lieu de stockage et les sous-traitants. La présentation du produit donne la vue d'ensemble.