Contextualisation
Les CAPTCHA sont un mécanisme de sécurité fréquemment utilisé pour réduire les attaques automatisées et les abus des services en ligne. Cependant, de nombreuses variantes de CAPTCHA constituent des obstacles considérables pour les personnes malvoyantes. Les tâches basées sur des images nécessitent une perception visuelle, tandis que les alternatives audio impliquent souvent une charge cognitive élevée, sont sujettes à des erreurs et ne fonctionnent pas toujours de manière fiable avec les technologies d'assistance.
Un concept CAPTCHA a été développé et mis en œuvre sous forme de prototype, qui combine un scénario audio contextuel avec une interaction simple en temps réel. Une aide visuelle dynamique est proposée en option, sans modifier la tâche elle-même. Afin de compliquer les tentatives de contournement automatisées, un contrôle de plausibilité basé sur le comportement est également utilisé, sans qu'une surveillance à long terme soit nécessaire. La mise en œuvre se fait sous la forme d'un prototype client-serveur avec une interface modulaire (HTML/CSS/JavaScript) et un backend PHP. Le code source est disponible ici: https://github.com/Clara-prnt
Etape préalable
Avant de créer le projet concret avec JavaScript et PHP, il est nécessaire de créer un prototype interactif afin de se représenter le projet, et de s'assurer de son accessibilité et d'une expérience utilisateur optimale. Pour cela, j'utilise Figma, qui me permet de créer un prototype responsive.
Finalisation
Une fois le prototype interactif testé et évalué, on passe à la création du projet en JavaScript et PHP. Le projet est différent du prototype, mais le fonctionnement et son visuel reste très proche. La raison de ce changement, c'est l'envie de créer un projet qui s'adapte aux préférences visuelles de l'utilisateur, avec la création d'un "dark" mode et d'un "light" mode.
Un CAPTCHA accessible à tous.