Audit d'accessibilite RGAA pour applications Angular

Le systeme de change detection d'Angular met a jour le DOM automatiquement lorsque les donnees du composant changent. Ces mises a jour ne sont pas encadrees par des regions aria-live et ne declenchent pas d'annonce. Un compteur de notifications qui se met a jour, un tableau de donnees qui se rafraichit, un message de statut qui apparait : tout cela est invisible pour les lecteurs d'ecran sans implementation explicite d'aria-live.

Les composants Angular Material (mat-select, mat-autocomplete, mat-datepicker, mat-table) ont un support ARIA incomplet. Le mat-select n'annonce pas toujours l'option selectionnee. Le mat-datepicker a une navigation clavier complexe non conforme aux patterns APG. Le mat-autocomplete ne gere pas correctement aria-activedescendant. Ces lacunes sont documentees dans les issues GitHub du projet mais persistent dans les versions stables.

Le routeur Angular effectue des navigations cote client qui changent le contenu sans rechargement. Les lecteurs d'ecran ne detectent pas le changement de page. Le focus reste sur le lien clique au lieu d'etre deplace vers le nouveau contenu. Le titre de la page n'est pas toujours mis a jour via Title service. L'utilisateur non-voyant ne sait pas que la navigation a fonctionne ni quel contenu est maintenant affiche.

Les directives *ngIf et *ngFor ajoutent et retirent physiquement des elements du DOM. Si l'element qui a le focus est detruit par *ngIf, le focus revient au debut du document. Ce probleme est frequent dans les formulaires conditionnels (afficher un champ selon une selection), les listes dynamiques (supprimer un element) et les interfaces a onglets construites avec *ngIf au lieu de CSS.