2017-09-12 2 views
4

Je suis manuellement dans les attributs ARIA y compris mes modèles de composants quand je suis tombé sur le module aria angulaire: https://docs.angularjs.org/api/ngAriaARIA Accessibilité dans angulaire 2 et 4

Cependant, ceci est pour AngularJS. Existe-t-il un module équivalent pour Angular 2 et 4 qui injecte silencieusement des attributs aria sur les composants lors de l'exécution?

J'ai regardé cette question: How do I include ngAria in and Angular 2 application? mais il ne semble pas avoir de réponse.

Répondre

3

Votre question a une réponse courte et longue, voyons ce que sont ces?

Y at-il le module équivalent pour 2 et 4 angulaire qui silencieusement injectent des attributs aria sur les composants lors de l'exécution?

Voyons d'abord se référer à la base de connaissances pour AngularJS:

L'utilisation ngAria est aussi simple que nécessitant le module ngAria dans votre application . ngAria se connecte aux directives AngularJS standard et injecte tranquillement la prise en charge de l'accessibilité dans votre application au runtime.

Comme angulaire 2 a essayé d'avoir un support intégré pour ARIA, il n'y a pas tel module équivalent nécessaire, et il n'y a personne supplémentaire que je suis au courant. Donc, oui, c'est implicitement supporté, et non, il n'y a pas un tel module (obligatoire).

cas d'utilisation d'accessibilité pour Angulaire comprennent, au moins: (Cité de Marcy Sutton)

  • aria-handicapés Manipulation, aria-requis, et vérifié aria pour les contrôles personnalisés
  • Handling Ar- valeur * attributs sur les contrôles personnalisés à l'aide ngModel
  • événements click sur Décourager éléments div non-sémantiques (qui pourrait être fait par la documentation)
  • texte alternatives: Les étiquettes pour le contrôle de la forme s, alt pour les images

Vous pouvez simplement étudier ce qui précède en inspectant la sortie rendue de votre modèle angulaire. Note finale: Il faut quand même tenir compte du fait qu'il faut toujours respecter manuellement les règles d'utilisation ARIA, quelle que soit la version de l'angulaire (JS ou 2+) utilisée; par exemple, en évitant d'affecter les événements de clic à des éléments non sémantiques, ou en incorporant une étiquette donnant à des éléments qui ne sont pas labelable.