Audit d'accessibilité RGAA pour applications Angular

Le système de change detection d'Angular met à jour le DOM automatiquement lorsque les données du composant changent. Ces mises à jour ne sont pas encadrées par des régions aria-live et ne déclenchent pas d'annonce. Un compteur de notifications qui se met à jour, un tableau de données qui se rafraîchit, un message de statut qui apparaît : tout cela est invisible pour les lecteurs d'écran sans implémentation 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 sélectionnée. Le mat-datepicker a une navigation clavier complexe non conforme aux patterns APG. Le mat-autocomplete ne gère pas correctement aria-activedescendant. Ces lacunes sont documentées dans les issues GitHub du projet mais persistent dans les versions stables.

Le routeur Angular effectue des navigations côté client qui changent le contenu sans rechargement. Les lecteurs d'écran ne détectent pas le changement de page. Le focus reste sur le lien cliqué au lieu d'être déplacé vers le nouveau contenu. Le titre de la page n'est pas toujours mis à jour via Title service. L'utilisateur non-voyant ne sait pas que la navigation a fonctionné ni quel contenu est maintenant affiché.

Les directives *ngIf et *ngFor ajoutent et retirent physiquement des éléments du DOM. Si l'élément qui a le focus est détruit par *ngIf, le focus revient au début du document. Ce problème est fréquent dans les formulaires conditionnels (afficher un champ selon une sélection), les listes dynamiques (supprimer un élément) et les interfaces à onglets construites avec *ngIf au lieu de CSS.