Fonctionnalités
Les tests principaux d'Editoria11y détectent plus de 50 problèmes courants d'accessibilité du contenu : des choix qui nuisent à la lisibilité, des erreurs qui réduisent l'efficacité des lecteurs d'écran et des problèmes qui pénalisent le référencement (SEO).
Des extensions fournissent environ 40 tests supplémentaires pour les développeurs et les designers, des tests personnalisés et divers outils d'assurance qualité à l'échelle du site.
Les tests de contenu se concentrent sur les problèmes qui apparaissent après que les sites sont confiés aux auteurs de contenu. Les sites doivent être testés avec des outils d'audit manuel, des claviers et des lecteurs d'écran avant leur lancement, mais même le site le plus accessible au lancement tend à se dégrader à mesure que les modifications introduisent de nouveaux problèmes.
Ce qui distingue Editoria11y parmi les outils d'accessibilité, c'est que ses tests s'exécutent en direct, dans le navigateur, pendant que les auteurs éditent et prévisualisent leur travail. Les auteurs sont plus susceptibles de réagir à un retour immédiat et contextuel, de remarquer les alertes et d'apporter des corrections, plutôt que de se souvenir de consulter un tableau de bord ou de lancer une vérification manuelle.
L'expérience de l'auteur
Les auteurs voient la barre d'outils Editoria11y lors de l'édition du contenu. Lorsque des problèmes sont détectés, elle devient jaune ou rouge et affiche le nombre de problèmes. En cliquant sur le compteur, la page défile jusqu'à la première alerte et ouvre son infobulle.
Les infobulles s'affichent en contexte, avec une description en langage clair de l'erreur, des suggestions de correction et des notes expliquant pourquoi le problème est important.
La barre d'outils contient des outils supplémentaires pour les vérifications manuelles, notamment des visualiseurs de la hiérarchie des titres et du texte alternatif, ainsi qu'un score de lisibilité.
Outils d'administration
Chaque aspect visible du vérificateur peut être personnalisé. Les paramètres et les événements permettent de supprimer des tests, de réécrire les infobulles, d'insérer des tests personnalisés et de définir des thèmes sur mesure.
Les plugins pour Drupal et WordPress ajoutent des fonctionnalités supplémentaires, telles que les rejets synchronisés, les tableaux de bord à l'échelle du site et les exportations de rapports CSV.
Tests
Les tests d'Editoria11y visent à améliorer l'expérience du Web pour tous les utilisateurs, selon une évaluation humaine et pas uniquement des normes techniques. Si certains tests clés sont conçus pour aider à atteindre les Règles pour l'accessibilité des contenus Web (WCAG 2.2 AA), d'autres sont influencés par les travaux du groupe de travail sur l'accessibilité cognitive et les troubles de l'apprentissage, ainsi que par les bonnes pratiques générales d'ergonomie et de design.
Les tests individuels peuvent être désactivés par les administrateurs du site.
Texte alternatif des images
- Image sans attribut alt
- Le texte alternatif est un nom de fichier
- Le texte alternatif est un espace réservé (« TBD »)
- Le texte alternatif contient des symboles imprononçables
- Le texte alternatif contient des mots redondants (« image de… »)
- Le texte alternatif est trop long
- L'image décorative pourrait avoir de la valeur
- Image de carrousel marquée comme décorative
- L'image légendée n'a pas de texte alternatif
- Le texte alternatif duplique la légende
Images liées
- L'image liée n'a pas de texte alternatif
- Le texte alternatif de l'image liée est une URL ou un nom de fichier
- Le texte alternatif de l'image liée est un espace réservé
- Le texte alternatif de l'image liée contient des symboles imprononçables
- Le texte alternatif de l'image liée décrit l'image, pas le lien
- Le texte alternatif de l'image liée contient des mots redondants
- Le texte alternatif de l'image liée est trop long
- Image dans un lien avec texte sans attribut alt
Médias intégrés
- La vidéo nécessite des sous-titres
- L'audio nécessite une transcription
- La visualisation de données nécessite une alternative accessible
- Le cadre (frame) n'a pas de titre
- Le cadre est exclu de la navigation au clavier
- Le contenu du cadre nécessite une vérification manuelle d'accessibilité
- Le document lié peut ne pas être accessible aux lecteurs d'écran
- Le PDF n'a pas d'alternative accessible
- Composants de mise en page interactifs imbriqués
Liens significatifs
- Lien vide
- Le texte du lien est une URL
- Le texte du lien est uniquement un numéro DOI
- Le texte du lien dit « cliquez ici »
- Le texte du lien ne contient que des mots génériques (« en savoir plus »)
- Des liens différents partagent le même texte
- L'icône ou l'image liée n'a pas d'alternative textuelle
- Le lien ouvre un nouvel onglet sans avertissement
- Le lien pointe vers un fichier sans avertissement
- Le texte du lien ne contient que des symboles ou des emojis
- Texte de lien significatif masqué pour les utilisateurs voyants
- Infobulle de lien redondante
- Ancre de page interne brisée
- Attribut ID en double
- Le lien pourrait pointer vers un environnement de développement
Titres
- La page n'a pas de titre de niveau 1
- Le premier titre est un sous-titre
- Un titre saute un niveau
- Le titre est vide
- L'image utilisée comme titre nécessite un texte alternatif
- Le titre est très long
- Un paragraphe en gras pourrait être un titre
- Une courte citation pourrait être un titre
Lisibilité du texte
- Texte en majuscules excessif
- Grand bloc de texte en gras ou en italique
- Le texte est trop petit
- Du texte non lié est souligné
- Le texte est justifié
- Indice ou exposant utilisé abusivement comme mise en forme
- Fausse liste utilisant des caractères ou des symboles
- Élément de liste en dehors d'une liste
Contraste des couleurs
- Le texte a un contraste insuffisant
- Le contraste du texte nécessite une vérification manuelle
- L'icône ou le graphique a un contraste insuffisant
- Le contraste de l'icône ou du graphique nécessite une vérification manuelle
- Le texte du champ de saisie a un contraste insuffisant
- Le texte d'espace réservé (placeholder) a un contraste insuffisant
Tableaux
- Tableau sans ligne ou colonne d'en-tête
- La cellule d'en-tête du tableau est vide
- Titre de contenu utilisé à l'intérieur d'un tableau
Formulaires & éléments interactifs
- Le bouton n'a pas de libellé accessible
- Le bouton a un libellé ARIA invalide
- Le libellé du bouton contient le mot « bouton »
- Le libellé visible ne correspond pas au nom accessible
- Le champ de saisie n'a pas de libellé associé
- Le champ de saisie utilise uniquement un libellé invisible
- Le champ de saisie utilise uniquement un espace réservé comme libellé
- Le bouton de réinitialisation peut entraîner une perte accidentelle de données
- Élément masqué pour les lecteurs d'écran mais toujours accessible au clavier
- Un tabindex positif perturbe l'ordre de lecture et de tabulation
Métadonnées de la page
- Titre de la page manquant
- Langue de la page non déclarée
- La fenêtre d'affichage (viewport) empêche le redimensionnement du texte
- La page s'actualise automatiquement
Fonctionnalités CSA
Editoria11y promeut l'accessibilité de manière unique. Ses outils sont très efficaces pour aider les auteurs non techniques à préparer du contenu qui peut être apprécié également par les utilisateurs du Web en situation de handicap. Nous considérons cela comme un bien commun, c'est pourquoi Editoria11y sera toujours gratuit.
Editoria11y n'est cependant pas gratuit à développer ni à maintenir.
Le CSA comble cette lacune : les membres du projet financent le développement de la bibliothèque Editoria11y, de ses plugins CMS et de la suite CSA : un ensemble croissant d'outils open source d'assurance qualité offrant des fonctionnalités similaires aux produits commerciaux, à un coût bien inférieur. La suite CSA pour Drupal est actuellement gratuite en version bêta, et sera disponible pour WordPress au T3 2026.
Tests et outils
- Tests pour les développeurs, de lisibilité et de contraste.
- Configuration séparée par rôle pour les développeurs et les créateurs de contenu.
- Constructeur de tests personnalisés.
- Rejets en un clic à l'échelle du site
- Outils de maintenance du tableau de bord et robots d'exploration
Avantages pour la communauté
- Support prioritaire.
- Influence pondérée sur la feuille de route du projet.
- Accès automatique aux nouvelles fonctionnalités de la feuille de route.
- Assistance directe à la configuration (selon le niveau).
- Crédit public de soutien (selon le niveau/sur demande ; conditions applicables).
Licence à contribution libre
Après la bêta, la suite CSA sera disponible selon un modèle de contribution libre. Le cœur d'Editoria11y, tant la bibliothèque que les plugins, restera gratuit.
Projets sponsorisés par le CSA
En cours
T2 2026 : Lancement de la communauté CSA d'Editoria11y
Travail restant :
- Créer une entité fiscale pour traiter les abonnements et les parrainages.
- Mettre en place un système de licences.
T2 2026 : Constructeur de règles personnalisées
- Terminé pour Drupal.
- À faire : porter le constructeur vers WordPress.
T3 2026 : Porter la bibliothèque 3.x vers WordPress
- Créer un sous-module CSA avec des fonctionnalités soutenues par la communauté
- Créer des outils de maintenance du tableau de bord pour supprimer les résultats obsolètes et réexplorer le contenu existant.
- Permettre de marquer certains tests comme OK à l'échelle du site, plutôt que sur une seule page.
- Permettre une configuration séparée, avec des paramètres et des tests distincts pour les développeurs et les éditeurs de contenu.
Récemment terminés
T1 2026 : Réécriture de la bibliothèque 3.x
- Fusionner les ensembles de règles d'Editoria11y et de Sa11y. Depuis la séparation, Sa11y a écrit environ 50 tests supplémentaires et adopté l'outillage ESM, tandis qu'Editoria11y a implémenté des améliorations de performances et ajouté des paramètres pour permettre la vérification en temps réel. Sa11y 4.2.2 et Editoria11y 3.0.0 marqueront le début de notre avenir commun.
- Ajouter le support de la « configuration séparée » pour permettre des ensembles de règles distincts pour les développeurs et les créateurs de contenu.
- Ajouter des traductions automatiques pour le chinois, le danois, le néerlandais, l'allemand, le grec, le hongrois, l'italien, le japonais, le norvégien bokmål, le polonais, le portugais (Brésil), le portugais (Portugal), l'espagnol, le suédois et l'ukrainien comme modèles pour un raffinement humain.
- État actuel : le travail de développement est terminé ; la version sera publiée après la mise à jour de la documentation et des démos.
T1 2026 : Réécriture du module Drupal 3.x
- Élargir le tableau de bord avec des outils de reporting et de filtrage plus robustes.
- Ajouter des traductions automatiques pour le chinois, le danois, le néerlandais, l'allemand, le grec, le hongrois, l'italien, le japonais, le norvégien bokmål, le polonais, le portugais (Brésil), le portugais (Portugal), l'espagnol, le suédois et l'ukrainien comme modèles pour un raffinement humain.
- Rendre les fonctions d'exportation CSV personnalisables
- Créer un sous-module CSA avec des fonctionnalités soutenues par la communauté
- Créer des outils de maintenance du tableau de bord pour supprimer les résultats obsolètes et réexplorer le contenu existant.
- Permettre de marquer certains tests comme OK à l'échelle du site, plutôt que sur une seule page.
- Permettre une configuration séparée, avec des paramètres et des tests distincts pour les développeurs et les éditeurs de contenu.
En discussion
Discutez et votez pour ces idées dans les forums de la bibliothèque Editoria11y.
Les idées sont assorties d'estimations de difficulté et de priorité basées sur les discussions en cours dans la communauté.
- Tableau de bord de surveillance multi-sites
- Détection des liens brisés
- Analyse de PDF
- Onglet de localisation du code dans l'infobulle
- Exportation de rapport de page depuis l'infobulle
- Mots signalés
- Outils CLI pour développeurs
- Bookmarklets/Extensions de navigateur
- Validation des règles ACT
- Élargir la validation nom/rôle/valeur