Accessibility

OWL is composed of sites, and each site has a number of tools selected by the site creator. There is also a special site, Home, private to you, where you can access personal information and change your settings.

The following information will briefly describe the different areas of the OWL interface, point out how they are implemented for accessibility, and go into more depth where extra assistance may be needed.

The portal consists of the following elements. They are always present:

  • Quick access "Skip to..." links
  • Login/logout links
  • List of favorite sites
  • List of tools for the current site
  • Minimize tool navigation link
  • Site tool content container
  • Footer

If you need specific help with your assistive technology, please contact Western's Student Development Centre.

Main Navigation Interface

Quick Access Links ("Skip to...")

Location: The first three links on the page.

They are announced by text-to speech software after the page title. These links enable the user to reach frequently used areas of OWL. All major areas of the portal are announced by a heading level 1, consist of landmark areas, and can be accessed via access keys:

  • Favorite Sites list
    • Landmark: navigation (“Sites begin here ”)
    • Access key:  [W]
  • Tools list
    • Landmark: navigation (“Tools begin here”)  
    • Access key:  [L]
  • Content
    • Landmark: main
    • Access key:  [C]

Login and Logout Links

Login Link
Location: the second link in the portal.

This link will take you to a login screen if you are not logged in.  After successful login you will be returned to OWL.

Logout Link
Location: When logged in, the Logout link is the fifth link after the access key links.

This link will take you to a logout page.

The list of Favorite Sites

This list contains the menu links to sites you most commonly use.  Each menu link will either take you to the site, or if you Tab into the menu and press the Down arrow key, supply you with a submenu of that site’s tools so that you can go straight to that tool on the selected site.

Using the Up and Down arrow keys, you can navigate the submenu to the site specific tool links. These links can be activated using the Enter key.

If you have a large number of favorite sites in this list, some sites will not be displayed due to space limitations. Any sites not displayed are contained in a submenu accessed via the More Sites link (not shown in screen capture), which is the last link in the favorite sites list.  

The rest of the sites you may be a member of can be found in your Home site, This site is always the first link in the favorite sites list, in the Worksite Setup tool .

  • Location:  at the top of the screen
  • Landmark: navigation (“Sites begin here ”)  
  • Heading: Level 1 (“Sites begin here ”)
  • Access key: [W]

Note: Access keys will be capitalized for clarity only.

Site Navigation Interface

The List of Tools for the Current Site

  • Location: to the left of the screen
  • Landmark: navigation (“Tools begin here”)
  • Heading: Level 1 (“Tools begin here”)
  • Access key: [L]

Note: The Help tool will always be present as the last item in the tools list no matter what site you are on. This enables quick access to OWL Help.

Minimize Tool Navigation Link

Location: right after the current site's tools list is a link to minimize the tools list.

The link text switches between “Expand Tool Navigation” and “Minimize tool navigation”, depending on the state of the tools list.

Note: Using this link will have no effect on page navigation for users of screen reading software  as all tools will still be available and announced.

Site Tool Content Container.

The content comes right after the favorite sites list and the tools list.  

  • Location: to the right of the tool list.
  • Landmark: main
  • Heading: Level 1 “Content begins here”
  • Access key: [C]

For more details on this part of the portal, see the Content Container Details section

Content Container Details

The content container will have the following elements:

  • Content title
  • Content area

Content Title

The title is contained in a heading level 2 and briefly describes the purpose of the tool (usually the tool title). The title is also a Reset link to return the content area to the initial state.

The title will be followed by a link that opens a new window with help documentation for that particular tool.

Content Area

The actual content of the tool is contained in an iframe. The iframe's title will match the name of the current tool. The organization will vary with the tool, but will typically consist of:

  • a toolbar for actions on the content (creating new items, navigating to other views)
  • the content itself

Notest actions in a given tool will return the focus to the top of the content area, a few will reload the portal, returning you to the top of that instead.

Navigating content area summary

All content areas are organized by heading levels. Links should all be unique and descriptive.

Most content views use some or all of these access keys:

  • Delete, remove, or cancel - Access key: [X]
  • Edit or revise -  Access key: [E]
  • Help -   Access key: [0]
  • Refresh -   Access key: [U]
  • Save -  Access key: [S]
  • View or preview -  Access key: [V]

Footer Area

Location: Bottom of the screen. After the content container.

Landmark: contentinfo

This area contains a list of three links: Gateway which takes you to the main page (similar to a homepage) of OWL, Mobile View which takes you to the mobile version (simplified interface and supports smaller screen resolutions), and The Sakai Project which takes you to the Sakai project home page.

Navigating Specific Tools

Resources

This tool lists files and links that the site creator shares with the site users. The main screen lists these in a hierarchical structure. Each line in the table will list the title in the link to the item and other data associated with the item, as well as menus with actions that you can take on the item. These actions will depend on your access level.

Navigating: the hierarchical list is represented by heading levels. You can also navigate via link lists. If you tab into a menu link, pressing down arrow will disclose the menu and you can use the up/down arrow keys to navigate the menu choices.  If you are a site owner you will be able to create, revise and delete new items with these menus .

Announcements

This tool contains communications from the site owner to the participants. To read a specific announcement navigate to its link and open it .

Navigating: It is a simple list with each item a heading level 4. Link lists will work well as well. If you are a site owner you will be able to create new announcements via the toolbar menu at the top of the tool, edit existing announcements via the “Edit” link associated with each one. You can delete announcements by selecting the checkbox associated with it, and then pressing Access key: [S]

Assignments

Site owners set up assignments for participants with this tool. The initial screen lists the assignments as links in heading level 4.

If you are a student this will list the assignments available to you. Each assignment will reflect the status (open, in progress, completed). To start or revise an assignment follow its link to a form .

Rich Text Editor

All tools use a rich text editor to allow users to create content. You will find this editor while adding resources, creating announcements, responding to assignments, etc.

Basic Navigation

  • Tab or arrow down into the editor edit field to edit content. When you are done you can tab or arrow down out of the editor.
  • Alt+F10 – enters the toolbar or the tab list of the currently open dialog window.
  • Shift+F10 – Opens the context menu of an element inside the editing area.
  • Alt+F11 – enters the elements path.
  • Alt+0 – opens Help.

Navigating Toolbar

  • Alt+- (minus)– collapses and restores the toolbar.
  • Tab and Shift+Tab – move focus forward and backward among the toolbar button groups.
  • Left Arrow and Right Arrow – move focus forward and backward among the toolbar buttons within a group, respectively.
  • Enter and Space– activates a selected toolbar feature.
  • Escape - puts the focus back to the editing area without executing any commands.

Navigating Dialog Window

  • Tab and Shift+Tab
    • when dialog window tabs are not in focus, these keyboard shortcuts move focus among input element of the dialog window.
    • when a dialog window tab is in focus, Tab and Shift+Tab cycle through dialog window tabs.
  • Left Arrow and Right Arrow – when a dialog window tab is in focus, the Left Arrow and Right Arrow keys can be used to cycle between tabs just like Tab and Shift+Tab.
  • Enter
    • while inside the dialog window, when a single-line text input is in focus, is equivalent to pressing the OK button.
    • while inside the dialog window, when a dialog window tab is in focus, puts the focus back to the first input element inside that tab.
  • Escape – while inside the dialog window is equivalent to clicking the Cancel or Close buttons.

Navigating Context Menus

  • Tab, Shift+Tab – cycle through menu items forward or Shift+Tab to cycle backwards.
  • Down Arrow and Up Arrow – can be used to cycle between menu items just like Tab and Shift+Tab, respectively.
  • Right Arrow and Left Arrow
    • when the context menu item contains a submenu, the Right Arrow lets you enter the submenu.
    • to return to the parent context menu, use the Left Arrow.
  • Enter and Space – activate a menu item or open a submenu.
  • Escape  
    • Closes a context menu without executing any command.
    • When inside a submenu, closes the submenu and returns focus to the parent context menu. Press Esc again to close it.

Navigating Toolbar Drop-down Lists

  • Down Arrow, Enter, and Space – enter the drop-down list once it is selected on the toolbar.
  • Tab, Shift+Tab – cycle through list items forward or Shift+Tab to cycle backwards.
  • Down Arrow and Up Arrow – can be used to cycle between list items just like Tab and Shift+Tab, respectively.
  • Enter and Space – activate a feature selected from the drop-down list and put the focus back to the editing area.
  • Escape  – closes a drop-down list without introducing any changes.

Editor Hotkeys

  • When focus is in the editor you can use these shortcut keys:
    • Bold - Control/Command b
    • Italics - Control/Command i
    • Underline - Control/Command u
  • To add a link
    • Highlight the link text (shift + arrow keys)
    • then press Control/Command + l
    • fill in the link information.  

Note: For a complete list of all keyboard commands, please see the CKEditor 3.x Accessibility Guide.