In the final session of the course you'll be working with three, somewhat more complex, widgets, that more often than not, are difficult for screen reader users to operate efficiently when they are encountered on the Web.
The first is a
Menu Bar, typically constructed with a series of nested lists, arranged horizontally across the top of a page, with dropdown menus, which may have their own submenus that popout to the side. The main OERu navigation at the top of the course site, is an example of a Menu Bar, in this case with one level of topics in each submenu (no popout submenus).
The second widget you'll look at is a
Tree Menu. These too, are usually constructed with nested lists, though they will usually appear down the left side of a page. They often include toggles for subsections within the tree, of which multiple sections can be open at any given time. The menu at the left side of the
Showcase website (Introduced in Activities 2 & 3), is an example of a tree menu.
The final activity, and often one of the more challenging widgets to make accessible, is the
Sortable List. In this case the list is sortable by dragging a list item with a mouse pointer to a new location in the list. This type of interaction is often referred to as "Drag and Drop." The vast majority of drag and drop features on the Web today are not accessible to screen readers, or other keyboard only users. But, they can be made accessible and operable using a keyboard with just a little effort.
