One of the JavaScript podcasts I listen to mentioned that the one of the new features in Angular 1.3x was the ngAria module. I knew just from the name that the module had something to do with ARIA (Accessible Rich Internet Applications) but I wasn't sure what it did or how to implement it, so I decided to check it out.
Turns out using this new module is drop-dead simple. You don't have to add any code to your markup in order to use it: once you include the ngAria module in your Angular application, it'll automatically add and manage "aria-" attributes on your DOM elements, attributes that help screen readers understand what's going on in your application.
The folks over at Egghead.io have an excellent five minute video that demonstrates ngAria in action: https://egghead.io/lessons/angularjs-using-ng-aria-to-automatically-improve-your-angularjs-accessibility
You can also read more about ngAria on the AngularJS documentation page on accessibility: https://docs.angularjs.org/guide/accessibility
Frankly, I can't see a reason for not including this module in your AngularJS application if you're using Angular 1.3x. It won't solve every accessibility issue, but it's a good starting point.
No comments:
Post a Comment