Auto Bakh Fix

Il existe plusieurs outils pour constater l’inaccessibilité (audit), nous avons voulu créer le premier qui fait l’accessibilité.

L’Auto Bakh Fix permet automatiquement de générer le code qui manque à votre site pour être plus accessible. L’outil se focalise (pour le moment) sur les 6 erreurs d’accessibilité les plus fréquentes, les plus impactantes et souvent faciles à corriger. 96,5 % des erreurs d’accessibilité détectées entrent dans une de ces six catégories. (Ouvre un nouvel onglet)

Le fonctionnement se décline en trois étapes simples :

1. Votre site est automatiquement audité sur la base des 6 erreurs les plus fréquentes.
2. Des suggestions de correction sont faites automatiquement grâce à l’IA (ChatGPT). Avec la possibilité de les valider humainement de manière très simple.
3. Nous générons instantanément le code requis pour rectifier ces erreurs.

Le code généré peut être sauvegardé et intégré gratuitement sur votre site web, garantissant ainsi une amélioration significative de l’accessibilité.

Mais ce n’est pas tout ! Vous pouvez également bénéficier de l’expertise de notre équipe et de notre communauté, y compris des testeurs en situation de handicap rémunérés, pour aller encore plus loin. Ils vous aideront à valider l’accessibilité de votre site, à garantir sa conformité totale et à résoudre les cas complexes.

Rendez votre site web plus accessible avec l’Auto Bakh Fix, et donnez à tous les utilisateurs une expérience en ligne inclusive.

Fonctionnement

Une fois que vous avez installé et activé l’extension, en allant sur n’importe quelle page web, notre outil entre en action de manière transparente, effectuant un audit automatisé basé sur les six erreurs d’accessibilité les plus courantes.

Une fois cet audit terminé, l’outil affiche un formulaire intuitif qui met en évidence les erreurs détectées, vous permettant ainsi de les visualiser clairement. Une fois que vous avez apporté les modifications nécessaires et les avez sauvegardées, les corrections sont automatiquement appliquées à chaque chargement de la page.

Remplissage du Formulaire de Correction

Texte alternatif des images

• Élément : L’élément nécessitant une modification du texte alternatif.
• Alt : Vous pouvez remplacer la valeur par défaut « TODO » par un texte alternatif pertinent pour l’image. Si l’image est purement décorative et ne transmet aucune information, vous avez également la possibilité de supprimer la valeur et laisser le champ vide.
• Appliquer sur Toutes les Pages : Si la correction doit être appliquée sur toutes les pages contenant l’élément en question (par exemple, le logo du site), cochez cette case. Si la correction est spécifique à la page en cours, laissez cette case décochée. Cela garantit que les corrections ne sont appliquées qu’où elles sont nécessaires, améliorant ainsi l’efficacité de votre processus de correction.

Intitulé des Liens/Boutons/Champs de Formulaire :

• Intitulé : Remplacez la valeur par défaut « TODO » par un intitulé pertinent pour l’élément en question. Cette étape est cruciale pour garantir que les visiteurs disposent d’informations claires et précises sur la fonction ou le contenu de l’élément.

Les autres colonnes du formulaire sont complétées de la même manière que pour la section précédente, en suivant les mêmes principes pour garantir une correction précise et une accessibilité optimale.

Langue de la page :

Dans le cas où la page n’a pas de langue déclarée ou que la langue déclarée n’est pas valide, vous disposez d’un champ de formulaire vous permettant de spécifier la langue correcte au format ISO 639-1. Par défaut, ce champ est pré-rempli avec la langue du navigateur de l’utilisateur, mais vous pouvez le modifier si cela ne correspond pas à la langue du site.

Changement de Couleurs :

• Élément : L’élément dont le texte présente un contraste insuffisant avec le fond. Cela vous permet de cibler précisément les éléments nécessitant une correction de contraste.
• Nouvelle couleur : Nouvelle couleur à utiliser pour l’élément en question. Vous pouvez spécifier la couleur au format hexadécimal (« #000000 »), en notation RGB (« rgb(0,0,0) »), ou en utilisant le nom de la couleur en anglais (« black »). Par défaut, cette section est déjà pré-remplie avec la couleur la plus proche de la couleur d’origine répondant ainsi aux critères de contraste (notez que lors de l’audit initial, les corrections de contraste de couleurs sont automatiquement appliquées en fonction de ces valeurs). En cas de modification de la couleur, assurez-vous qu’elle offre un contraste adéquat avec le fond en utilisant des outils tels que Contrast Checker.

Signification des boutons principaux du formulaire

• Cacher le Formulaire Bakh Fix : Ce bouton vous permet de masquer temporairement le formulaire de correction. Pour le réafficher, il vous suffit d’utiliser le bouton « Afficher le Formulaire Bakhfix », qui apparaîtra ensuite en bas à droite de la page. Cela peut être utile lorsque vous souhaitez travailler sur la page sans l’encombrement du formulaire.
• Relancer l’Audit : En cliquant sur ce bouton, vous pouvez relancer l’audit automatisé sur la page en cours. Cette fonction est pratique pour auditer des éléments qui n’apparaissent pas immédiatement lors du chargement de la page, par exemple une fenêtre contextuelle qui s’ouvre en cliquant sur un bouton.
• Enregister : Lorsque vous avez apporté des modifications dans le formulaire de correction, ce bouton vous permet d’enregistrer ces modifications directement au sein de votre navigateur. Cela garantit que vos corrections sont prises en compte pour chaque chargement de la page.
• Enregistrer et Télécharger le Code : En plus de l’enregistrement dans le navigateur, ce bouton génère également le code JavaScript correspondant aux corrections sous forme d’un fichier JS téléchargeable. Vous pouvez ensuite inclure ce fichier JS sur votre site web, assurant ainsi que les corrections d’accessibilité sont appliquées de manière permanente.

Nous sommes ravis de vous présenter cette première version simple de l’Auto Bakh Fix, conçue pour simplifier l’amélioration de l’accessibilité de votre site web. Nous sommes engagés à offrir une expérience inclusive à tous les utilisateurs, et c’est pourquoi nous travaillons sans relâche pour apporter de nouvelles fonctionnalités et améliorations.

Déjà disponibles, mais non encore publiées dans cette version, voici un aperçu des évolutions à venir :

• Import/Export des corrections : Simplifiez le partage et la gestion de vos corrections en important et exportant des fichiers JSON contenant les ajustements.
• Plus grande personnalisation et support de plus de types d’erreurs : Nous élargissons les possibilités de personnalisation pour répondre à un éventail plus large de besoins en matière d’accessibilité.
• Audit et Corrections Manuelles : Possibilité d’entrer manuellement les erreurs dans le formulaire, notamment pour les celles ne pouvant être détectés automatiquement.

Et ce n’est que le début ! Nous avons de grandes ambitions pour l’avenir, notamment l’utilisation de l’intelligence artificielle pour générer automatiquement du texte alternatif pertinent pour les images, rendant ainsi le processus encore plus efficace et précis.

Nous sommes reconnaissants de votre confiance dans l’Auto Bakh Fix et sommes impatients de continuer à travailler avec vous pour créer un web plus accessible pour tous. Restez à l’écoute pour ces passionnantes évolutions à venir.

Votre avis est précieux pour nous. Si vous rencontrez des problèmes, avez des suggestions ou souhaitez simplement partager vos impressions, n’hésitez pas à utiliser notre formulaire de retour dédié. Celui-ci nous permettra de continuer à améliorer l’Auto Bakh Fix pour répondre à vos besoins.