Introduction
We want to offer a LLM-based web accessibility assistant. It must analyze HTML code and must provide suggestions for correcting web accessibility. This tool will help project teams to comply with recognized accessibility standards such as the WCAG (Web Content Accessibility Guidelines), the RGAA (Référentiel Général d'Amélioration de l'Accessibilité) and the RAweb (Référentiel d'Accessibilité Web).
Main usage
If we want to limit our checks to the block div.

The warning icon is displayed, it means that an accessibility error has been detected.
We can display an icon to launch the suggestion and display it in the lower pane.

We can displayed theses fields on a suggestion area:
<div>
<h2>Académie Miro</h2>
<p>Apprenez et développez vos compétences sur Miro</p>
</div>
<div aria-labelledby="academy-title">
<h2 id="academy-title">Académie Miro</h2>
<p>Apprenez et développez vos compétences sur Miro</p>
</div>
<Justifies the choice of proposal>
<WCAG rules that are not in compliance>
<RGAA rule that is not in compliance>
<RAWEB rule that is not in compliance>
Tasks
Introduction
We want to offer a LLM-based web accessibility assistant. It must analyze HTML code and must provide suggestions for correcting web accessibility. This tool will help project teams to comply with recognized accessibility standards such as the WCAG (Web Content Accessibility Guidelines), the RGAA (Référentiel Général d'Amélioration de l'Accessibilité) and the RAweb (Référentiel d'Accessibilité Web).
Main usage
If we want to limit our checks to the block div.

The warning icon is displayed, it means that an accessibility error has been detected.
We can display an icon to launch the suggestion and display it in the lower pane.
We can displayed theses fields on a suggestion area:
Tasks