Solution de mise en conformité RGAA automatisée et instantanée
Conformité aux 106 critères RGAA directement dans le code
Avec cette solution, nous générons le code de mise en conformité de votre site en quelques secondes. Nous parlons bien d’une conformité directement dans le code.
Ce qui rendra votre site web totalement conforme, la priorité des priorités.
Voici quelques cas dans lesquels cela peut être bien pratique :
Manque de
ressources- Manque de
temps
- Volonté
d’accélérer la mise en accessibilité
Manque de
ressourcesCe travail est basé sur le Bakh Fix Code Generator qui inclut la librairie Bakh Fix que nous avons développée.
Pour lancer la génération du code nous passons en paramètre un fichier Excel ou JSON ou CSV voire même avec en langage naturel contenant les corrections.
Le code généré respecte les plus hauts standards (normes) de sécurité et de qualité de code pour une intégration sereine à votre site web.
Formez vous pour aller encore plus loin
Cette solution peut être très efficace pour atteindre le principal objectif, rendre votre site web accessible aux personnes handicapées.
Le 2è objectif serait d’intégrer cela à vos process pour vos futurs produits (développements).
Le résultat de la Bakh Fix sera une base de formation concrète pour aider vos collaborateurs en montée en compétences.
Ce serait ainsi le bouquet final.
Bakh Fix – ChatGPT (Accessible)
Ce plugin rend ChatGPT (plus) accessible aux personnes handicapées
Le plugin Bakh Fix – ChatGPT (Accessible)(Ouvre un nouvel onglet) corrige les principales erreurs d’accessibilité numérique (RGAA-WCAG) présentent sur ChatGPT.
Il utilise la solution Bakh Fix décrite au dessus.
Nous avons corrigé plus de 30 erreurs d’accessibilité présentent sur le parcours ChatGPT.
Parmi les fonctionnalités non accessibles que nous avons corrigé se trouvent 2 des fonctionnalités clés de ChatGPT :
- Le bouton pour souscrire à un abonnement payant (inaccessible au clavier – handicap moteur)
- Le bouton pour aimer ou pas une réponse de ChatGPT (pas totalement accessible au lecteur d’écran – aveugles, malvoyants)
Pour le moment nous avons juste automatisé le code de fix pour rendre l’outil plus conforme aux normes d’accessibilité (WCAG-RGAA)
Nous souhaitons aller encore plus loin avec des fonctionnalités d’accessibilité supplémentaires (profil dyslexique, profil malvoyant, etc.)
Pourquoi avons-nous développé le plugin Bakh Fix – ChatGPT (Accessible)?
Parce que ChatGPT
- Rendre ChatGPT accessible pour les personnes handicapées (conforme WCAG/RGAA).
- ChatGPT est peut-être la manière de travailler et d’étudier dans un futur proche, n’oublions pas les personnes handicapées (inclusion numérique et professionnelle).
- Au vu de l’importance que ChatGPT pourrait avoir ça ne doit pas seulement être accessible mais beaucoup plus encore.
- Parce que nous aimons ChatGPT le meilleur synonyme de l’IA qui a permis à presque tout le monde réaliser la puissance de l’IA et ses implications.
- Parce que le bouton de souscription et les boutons pour laisser un feedback sur les réponses proposées ne sont pas accessibles (des fonctionnalités importantes pour ChatGPT).
- Parce que nous souhaitons participer directement/indirectement à la noble mission de OpenAI que nous partageons totalement.
- Cette mission ne peut être réussie qu’en rendant les solutions de OpenAI totalement accessible aux personnes handicapées (1 personne sur 5)
- Si vous êtes pas concerné par ces besoins d’accessibilité et pas professionnel du sujet vous ne verrez peut-être pas la différence. Pour les personnes handicapées par contre cela fait toute la différence (navigation 2 fois plus rapide, utilisation claire sans tatonner ou deviner le fonctionnement, des notifications pour savoir où on en est, etc.)
- Si nous remettons ce code à ChatGPT leur site sera accessible à tous en quelques minutes. Vous avez leur contact ? 🙂
Parce que Bakh Fix
- La Bakh Fix est une solution qui génère en quelques minutes le code nécessaire à votre site pour être conforme WCAG – RGAA.
- Nous avons utilisé cette solution pour rendre ChatGPT accessible via le plugin Bakh Fix ChatGPT.
- Cela permet aux nombreux autres experts intéressés par notre solution de nous faire leur retour en pouvant tester dans les conditions réelles et en ayant accès au code. Nous serions ravis d’avoir leur retour pour continuer à améliorer la Bakh Fix.
Parce que les personnes handicapées
- C’est toi, c’est moi, c’est nos amis ou notre famille.
- C’est 1 personne sur 5 d’après l’OMS
- Parce qu’à l’ère du numérique l’accessibilité est nécessaire à leur épanouissement personnel et professionnel.
- Parce que le sujet est encore négligé comme on peut le voir ici.
- Parce que nous voulons tirer la sonnette d’alarme pour qu’on n’oublie personne dans le développement d’innovation aussi impactante que ChatGPT.
- Parce ce que sont des clients et des utilisateurs comme les autres (plus de revenus et plus d’impact).
Détail des problèmes corrigés
| Problème | Critère(s) RGAA non respecté(s) | Critère(s) WCAG non respecté(s) |
|---|---|---|
| L’image décorative en début de page n’est pas ignorée par le lecteur d’écran. | 1.2 | 1.1.1 , 4.1.2 |
| Certains éléments n’ont pas un contraste de couleur suffisant avec leur fond (par exemple les textes Sample 1 of 4). | 3.2 , 3.3 | 1.4.3 , 1.4.11 |
| Les liens vers les références n’ont pas d’intitulé explicite. | 6.1 | 1.1.1 , 2.4.4 , 2.5.3 |
| Les liens image OpenAI en début et fin de page n’ont pas d’intitulé. | 6.2 | 1.1.1 , 2.4.4 |
| La page actuelle n’est pas indiqué dans le menu pour les utilisateurs de lecteur d’écrans. | 7.1 | 2.5.3 , 4.1.2 |
| Les changements de diapositives dans les carrousels ne sont pas indiqués au lecteur d’écran. | 7.1 | 2.5.3 , 4.1.2 |
| La zone de contenu principal n’est pas indiqué au lecteur d’écran. | 9.2 | 1.3.1 |
| Les titres du footer ne sont pas resitués tels quels par le lecteur d’écran. | 8.9 | 1.3.1 |
| Problème | Critère(s) RGAA non respecté(s) | Critère(s) WCAG non respecté(s) |
|---|---|---|
| Certains éléments n’ont pas un contraste de couleur suffisant avec leur fond (par exemple le bouton Continue). | 3.2 , 3.3 | 1.4.3 , 1.4.11 |
| Attribut autocomplete mal indiqué. L’autocomplete vous permet de choisir votre email ou nom sans devoir le ressaisir quand vous remplissez un formulaire. Un gain de temps important pour tous et en particulier pour les personnes handicapées. | 11.13 | 1.3.5 |
| Problème | Critère(s) RGAA non respecté(s) | Critère(s) WCAG non respecté(s) |
|---|---|---|
| Certains éléments n’ont pas un contraste de couleur suffisant avec leur fond (par exemple le bouton Continue). | 3.2 , 3.3 | 1.4.3 , 1.4.11 |
| Attribut autocomplete mal indiqué. L’autocomplete vous permet de choisir votre email ou nom sans devoir le ressaisir quand vous remplissez un formulaire. Un gain de temps important pour tous et en particulier pour les personnes handicapées. | 11.13 | 1.3.5 |
| Problème | Critère(s) RGAA non respecté(s) | Critère(s) WCAG non respecté(s) |
|---|---|---|
| Certains éléments n’ont pas un contraste de couleur suffisant avec leur fond (par exemple le bouton de validation du formulaire) | 3.2 , 3.3 | 1.4.3 , 1.4.11 |
| Le titre « ChatGPT is at capacity right now » n’est pas restitué comme en étant un par le lecteur d’écrab. | 8.9 | 1.3.1 |
| Problème | Critère(s) RGAA non respecté(s) | Critère(s) WCAG non respecté(s) |
|---|---|---|
| Parmis les boutons du Menu de Gauche, seuls OpenAIDiscord et Updates sont accessibles. Le reste ne sont pas parcourables au clavier et ne sont pas restitués comme des boutons par le lecteur d’écran. | 7.1 , 7.3 | 1.3.1 , 2.1.1 , 2.4.7 , 2.5.3 , 4.1.2 , |
| Aucun retour pour l’utilisateur de lecteur d’écrans lors de certaines actions (Choix d’une question parmis les exemples, envoi d’un message). | 7.1 | 2.5.3 , 4.1.2 |
| Langue par défaut non indiqué, ce qui implique que le lecteur d’écran restitue le texte anglais comme si c’était du français. | 8.3 | 3.1.1 |
| Le champ de texte pour écrire un message n’a pas d’intitulé. | 11.1 | 1.3.1 , 2.4.6 , 3.3.2 , 4.1.2 |
| L’image de profil de ChatGPT n’a pas de texte alternatif. | 1.1 | 1.1.1 |
| Les boutons pour donner son avis sur les réponses fournis par ChatGPT n’ont pas d’intitulé. | 7.1 | 2.5.3 , 4.1.2 |
| Le champ de formulaire pour donner un avis plus détaillé n’a pas d’étiquette. | 11.1 | 1.3.1 , 2.4.6 , 3.3.2 , 4.1.2 |
|
Les boutons permettant d’éditer le titre
d’une conversation ou de supprimer celle ci n’ont pas d’intitulé. Idem pour les boutons de
confirmation/annulation.
|
7.1 | 2.5.3 , 4.1.2 |
| Le bouton de fermeture des boites de dialogue n’ont pas d’intitulé. | 7.1 | 2.5.3 , 4.1.2 |
| Dans la boite de dialogue « Upgrade (ChatGPT Plus) », le titre « Your account » n’est pas restitué comme en étant un par le lecteur d’écran. | 8.9 | 1.3.1 |
| Dans cette même boite de dialogue, les images décoratives ne sont pas ignorés par le lecteur d’écran. | 1.2 | 1.1.1 , 4.1.2 |