7. Essentially...
Roles - Tell the AT what something does
States / Properties - Attributes of that
something which change value
Tabindex - Improvements for navigation
9. Roles as Landmarks
<div id=quot;contentquot; role=quot;mainquot; >
<form id=quot;searchquot; role=quot;searchquot;>
<div id=quot;footerquot; role=quot;contentinfoquot;>
Hit ; in Jaws 10 to move to next landmark
10. Roles for Context
There are roles for the GUI widgets
found in desktops applications, but
not in HTML.
trees, grids, timers, dialogs, toolbars, menus,
groups, and so on...
11. Roles for the Page
<body role=quot;applicationquot;>
<body role=quot;documentquot;>
17. Tabindex - Revised!
no tabindex - default behaviour
tabindex=quot;0quot; - Document order
tabindex=quot;-1quot; - focus-able via javascript
tabindex=quot;1quot; - in order before tabindex=quot;0quot;
18. For Widgets
• Give them a tabindex
• Manage keyboard control within the
widget
• Set up relationships
• Update states
19. Some of this requires
complicated Javascript
to manage