More Accessible YUI Grids Layouts with ARIA Landmark Roles » Yahoo! User Interface Blog

More Accessible YUI Grids Layouts with ARIA Landmark Roles » Yahoo! User Interface Blog

Using Landmark Roles

Of all the roles defined in the ARIA Specification, the Landmark Roles are among the easiest to implement since they don’t require JavaScript for keyboard support or state management. Landmark Roles are applied to an element using the role attribute and can be used to improve the semantics of any section of a Grid. For example, to declare a section of a Grid as navigation, simply set the role attribute to a value of “navigation”:

<div class="yui-b" role="navigation">

Presently the ARIA Specification defines seven different Landmark Roles:

* application
* banner
* complementary
* contentinfo
* main
* navigation
* search