Auto Bakh Fix

English Version

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.

Étapes d’utilisation

1. Inscription / Connexion :

   Une fois que vous ouvrez l’extension, commencez par vous connecter.

2. Entrer l’URL de votre site :

   Saisissez l’URL de votre site dans le champ dédié.

3. Lancer l’audit :

   10 pages de votre site sont automatiquement auditées, les unes après les autres.

4. Validation humaine :

   À partir du formulaire qui s’affiche en bas de votre site, vous pouvez compléter les éléments manquants ou améliorer les suggestions de l’IA (ChatGPT). Pensez à enregistrer vos suggestions humaines une fois que vous avez terminé. Celles-ci sont automatiquement prises en compte dans le code d’accessibilité de votre site. Ce tableau de bord est accessible à tout moment pour faciliter la validation humaine.

5. Intégration du code de correction de votre site :

   Depuis l’interface de l’extension, vous pouvez voir le code de mise en accessibilité généré. Il suffit ensuite d’ajouter l’URL de cette page à votre site comme une bibliothèque JavaScript externe :

   <script src="https://bakhtech.com/bakh-fix-scripts/bakhfix_votre_site.com.js"></script>

6. Note :

   Une fois que vous avez intégré l’URL du code de correction à votre site, l’outil s’assure automatiquement, à une fréquence prédéfinie et en arrière-plan, de mettre à jour le code de mise en accessibilité au fur et à mesure que votre site évolue. Le tableau de bord vous permet de faire la validation humaine en No Code à tout moment.

Intégrez une fois et soyez accessible pour toujours.

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.

Validation humaine (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 » (ou celle proposée par l’IA) 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 » (ou celle proposée par l’IA) 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 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 celles ne pouvant être détectés automatiquement.

Et ce n’est que le début ! Nous avons de grandes ambitions pour l’avenir, en renforçant l’utilisation de l’IA et d’autres innovations dans l’outil. Cette version inclut une option vous permettant de bénéficier automatiquement des suggestions de l’IA. Au besoin rapprochez-vous des équipes Bakhtech pour avoir accès à cette option.

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.