Table sorting accessibility for AngularJS table/list
Has your SPA accessibility compliance done ? Ahhh … let me get back to you. That’s usual scenario for dynamic single page application. Since content of the web app changes dynamically/asynchronously. It required need addition planning to make dynamic web accessibility complain. For those who are new to web accessibility The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect. There are many tools are being provided to make the web accessible like screen reader. The screen reader read out the html content with help of aria attributes. One of the accessibility attribute is aria-sort . It let the user know that the given html table is sorted by of the its column and in which order. The sorted column of the table expected to have ng-aria=”ascending/descending”. The problem with SPA table is that on sorting the table the content get sorted without loading the web, so having static aria-sort attribute is going t...
good. all info in one place :)
ReplyDeleteIf you find any conflict then lets update the post :)
ReplyDeleteHi Yogesh.
ReplyDeleteThanks to your post I finally could load a resource stylesheet for my application: I spent more than 4 hours googling everywhere and not finding the right answer.
My mistake was that I wrote:
this.getClass().getResourceAsStream("stylesheet.xsl")
But my file was located in WEB-INF/classes.
Thanks to your post I changed to "/stylesheet.xsl" and now everything works fine.
Thanks again!
@Frederic F. MONFILS You always Welcome :)
ReplyDeleteLife saver! Saved me a couple of hours as well.
ReplyDelete