Accessibilité

Notre engagement

XStory est un site de lecture. Un texte n'a pas besoin d'yeux pour être lu : il peut être lu à voix haute par un lecteur d'écran, agrandi, parcouru au clavier. Nous considérons qu'une bibliothèque de récits qui ne serait pas accessible aux personnes déficientes visuelles ou motrices aurait manqué l'essentiel.

Nous nous engageons donc à concevoir le site en visant le niveau AA des Règles pour l'accessibilité des contenus web (WCAG 2.1) (nouvel onglet), à le faire sans dégrader l'expérience des autres visiteurs, et à publier ici, sans embellissement, l'état réel de nos efforts.

État de conformité

Le périmètre de cet engagement est le site public : pages d'accueil, de découverte, de lecture, salon, profils, formulaires de compte et pages institutionnelles. Il est conçu pour les navigateurs récents (Chrome, Firefox, Safari, Edge), sur ordinateur comme sur mobile.

Ce que nous avons mis en place

Navigation au clavier

• Un lien d'évitement « Aller au contenu principal » apparaît dès la première pression sur la touche Tab, en haut de chaque page.
• L'élément qui a le focus est toujours signalé par un anneau visible, contrasté avec le fond, en thème clair comme en thème sombre.
• Les menus déroulants s'ouvrent et se referment au clavier ; la touche Échap ferme le menu ou la fenêtre ouverte.
• Dans une fenêtre de dialogue (connexion, confirmation, recherche, lecteur immersif…), le focus reste confiné à la fenêtre, puis revient à l'élément qui l'a ouverte lorsqu'elle se ferme.
• Les actions cliquables sont de véritables boutons ou liens, atteignables et activables au clavier.

Lecteurs d'écran

• Les régions de la page (navigation, contenu principal, pied de page) sont nommées et repérables ; la page courante est annoncée dans les menus.
• Les titres suivent une hiérarchie logique, sans saut de niveau, pour permettre la navigation de titre en titre.
• Les couvertures de livres portent une description (« Couverture de Titre, par Auteur ») ; les icônes purement décoratives sont ignorées par les lecteurs d'écran.
• Chaque champ de formulaire est associé à un libellé. Les erreurs de saisie sont annoncées et le focus est placé sur le premier champ à corriger.
• Les messages de confirmation ou d'erreur, ainsi que les compteurs de notifications et de messages, sont annoncés sans déplacer le focus.
• Les liens qui s'ouvrent dans un nouvel onglet le signalent.

Lisibilité et contrastes

• Les textes courants respectent un rapport de contraste d'au moins 4,5:1 avec leur fond, et les éléments d'interface d'au moins 3:1, dans les deux thèmes.
• Dans le corps des chapitres, les liens sont soulignés : l'information n'est jamais portée par la couleur seule.
• Le site s'adapte au zoom du navigateur et à l'agrandissement du texte.

Respect de vos préférences système

• Réduction des animations : si votre système le demande, les animations, transitions et défilements animés sont désactivés.
• Contraste renforcé : les couleurs deviennent plus tranchées et les liens soulignés dans les textes.
• Mode contraste élevé de Windows : les contours de boutons, icônes et états sont conservés avec la palette système.

Mobile et tactile

• Sur écran tactile, les boutons des barres de navigation, de la pagination et des fenêtres atteignent une taille minimale de 44 × 44 pixels.

Limites connues

Nous préférons vous les dire plutôt que de vous les laisser découvrir.

• Contenus rédigés par les membres : chapitres, commentaires et présentations sont écrits par la communauté. Nous ne pouvons garantir ni la structure, ni le contraste des mises en forme choisies par leurs auteurs, ni la description des images qu'ils insèrent.
• Composants d'interface tiers : certains éléments (menus déroulants, cases à cocher, onglets…) reposent sur une bibliothèque externe dont l'accessibilité n'a pas été vérifiée composant par composant avec un lecteur d'écran.
• Éditeur de texte enrichi : la barre d'outils est nommée, mais la zone d'édition elle-même n'a pas été auditée.
• Sphère des membres : cette visualisation en trois dimensions n'a pas d'équivalent accessible pour le moment et continue de s'animer en mode « réduction des animations ».
• Grille de mots croisés : la navigation au clavier existante n'a pas été retravaillée.
• Listes de lecture : le réordonnancement par glisser-déposer dispose d'une alternative au clavier, mais celle-ci n'a pas été testée avec un lecteur d'écran.
• Avertissement de majorité : le texte affiché à l'entrée du site est dessiné dans une image pour des raisons de protection contre la copie automatisée. Un résumé équivalent est fourni aux lecteurs d'écran, mais le texte visible ne l'est pas.
• Services externes : les encarts de partenaires, les publicités, la messagerie privée (assurée par un prestataire) et les documents PDF téléchargeables ne sont pas couverts par cet engagement.
• Courriels : les messages que nous envoyons n'ont pas fait l'objet d'un travail d'accessibilité spécifique.

Prochaines étapes

• Passer un audit automatisé sur les pages types du site et corriger les défauts relevés.
• Tester les parcours principaux (lecture d'un chapitre, inscription, publication d'un commentaire) avec des lecteurs d'écran courants sur ordinateur et sur mobile.
• Traiter les limites listées ci-dessus, en commençant par celles qui bloquent réellement la lecture.
• Mettre cette page à jour à chaque étape franchie.

Signaler un obstacle

Si une page, une fonctionnalité ou un contenu vous est inaccessible, dites-le-nous : c'est le moyen le plus sûr de faire avancer les choses. Utilisez le formulaire de contact, catégorie « Accessibilité », en précisant si possible :

• l'adresse de la page concernée ;
• ce que vous cherchiez à faire et ce qui vous en a empêché ;
• la technologie d'assistance et le navigateur que vous utilisez.

Nous vous répondons personnellement et nous corrigeons ce qui peut l'être. Si un obstacle ne peut pas être levé rapidement, nous cherchons avec vous un moyen d'accéder autrement au contenu.