ARIA - Accessible Rich Internet Applications

At the time of writing this I admit I don't really understand ARIA. It was brought into my attention when I was looking into making "Accessible" web pages.

There are examples on the W3C website that are supposed to be implementations of ARIA in that the keyboard is designed to be used to navigate the menu systems. The links below have a couple of these. Maybe it is my laptop but the keyboard instructions don't work for me. In addition, the "accessiblity" is not intended to work on mobie devices. The W3C page on WAI-ARIA at support says:

More guidance about touch and mobile support is planned for future releases of the guide.

Also referred to as WAI - Web Accessibility Initative.

The Roles Model

I have added a few Role attributes to list items that are menus. At the moment I can't see what use they are.

ARIA Hidden

This is to hide non-interactive elements from what a screen-reader would try to report on a page.

<i class="fa fa-cogs" aria-hidden="true"></i>