Améliorer l'accessibilité en générant des textes Image-alt à l'aide de GenAI

DEV - 21/08
Je suis assez sceptique quant à GenAI. Jusqu'à présent, j'ai réussi à rester à l'écart de tous les copilotes et à essayer de...

Je suis assez sceptique quant à GenAI. Jusqu'à présent, j'ai réussi à rester à l'écart de tous les copilotes et à essayer d'éviter leur sortie comme la peste. Le texte qu’il génère semble sans âme et ennuyeux et le code généré comporte des API inexistantes. Le terme slop a été utilisé pour décrire le contenu généré par l'IA, ce que je considère approprié.

Je pense que c'est assez de diatribe pour vous montrer que je ne suis pas ici pour pousser encore un autre sujet à la mode sur l'IA. J'essaie de trouver des choses que cela me permet de faire et que je ne pouvais pas (ou ne voulais pas) faire auparavant. L’un de ces domaines consiste à améliorer l’accessibilité. J'ai quelques blogs dans mon lecteur RSS qui couvrent ce sujet. Récemment, Marcus Herrmann a écrit un court article sur l'accessibilité 80/20. Sur sa liste de gains rapides, il présentealtattributs de texte pour les images.

Cet attribut aide les personnes qui utilisent des lecteurs d'écran à comprendre ce qu'une image affiche. Cela rend le contenu plus accessible et, malheureusement, toutes les images de nos articles n'ont pas le code HTML.altensemble d’attributs. Je pense que c'est le genre de problème d'accessibilité pour lequel GenAI pourrait nous aider, car je n'ai pas envie de parcourir des centaines de messages, de trouver les images et de définir cet attribut manuellement.

Si vous êtes très impatient, le code de cet article est disponible sur Github, allez le découvrir.

Parlons de la façon dont nous allons procéder. Comme tout bon plan, celui-ci comporte trois étapes.

  1. Découverte : analyser les articles Markdown et extraire les liens d'images
  2. Inférence : utilisez un modèle de base pour décrire l'image dans le contexte de l'article.
  3. Mettez à j...
    [Courte citation de 8% de l'article original]
Loading...