Skip to Page Content
 

Accessibility and Design Features

The Access E-Learning (AEL) tutorial is a service of the Georgia Tech Research on Accessible Distance Education project (GRADE) in partnership with IDET Communication Inc.(IDET). Access E-Learning is designed to be aesthetically pleasing, useful, and most of all accessible to the widest audience possible. To achieve these goals, the Access E-Learning tutorial was developed to follow the Web Content Accessibility Guidelines 1.0 (WCAG) and the Electronic and Information Technology Accessibility Standards (Section 508). Both sets of guidelines explain how to make web content accessible to people with disabilities as well as beneficial to all users.

Methods Used in Access E-Learning to Achieve Web Accessibility

To satisfy the WCAG and Section 508 web accessibility requirements, the Access E-Learning tutorial uses a variety of the following methods:

  1. Keyboard Shortcuts
  2. Logical and consistent navigation
  3. Alternative text and descriptions for images
  4. Cascading Style Sheet (CSS)
  5. Usability with alternative computer technology
  6. Clear and simple language

Web Content Accessibility Guidelines (WCAG)

The WCAG was established by the Web Accessibility Initiative (WAI) of the World Wide Web Consortium (W3C). Within the WCAG, there are three priority checkpoints:

Icon denoting W3C WAI-'Triple A', WCAG 1.0 conformance. The Access E-Learning tutorial has Level "Triple-A" Conformance to the WCAG 1.0. This means all WCAG 1.0 Priority 1, 2, and 3 checkpoints are satisfied.

The WCAG 1.0 guidelines also define two major themes of accessible web design:

  1. Ensuring web content gracefully transforms regardless of constraints, such as work environment, technological barriers, and sensory, physical, or cognitive disability.
  2. Making web content understandable and navigable.
     

Section 508 Standards for Electronic and Information Technology

Section 508 was established through Section 508 of the Rehabilitation Act by the Architectural and Transportation Barriers Compliance Board (Access Board) of the U.S. Federal Government. The scope of Section 508 is limited to the Federal sector. It does not apply to the private sector, nor does it generally impose requirements on the recipients of Federal funds. However, States receiving assistance under the Assistive Technology Act (AT Act) State Grant program are required to comply with Section 508 according to the Department of Education, which administers the AT Act.

The Section 508 Standards define the types of technology provided and set forth provisions that establish a minimum level of accessibility within four subparts:

Within Section 508 Subpart B (Technical Standards), the provisions for Web-based Intranet and Internet Information and Applications (1194.22) are specifically addressed in paragraphs (a) through (p). These sixteen provisions, which were based on the WCAG, must all be followed for a website to be in compliance with the Section 508 Standards.

Icon denoting 'Bobby 508 Approved', conformance to Section 508. The Access E-Learning tutorial is 508 Approved. This means all sixteen provisions are satisfied.
 


Keyboard Shortcuts

The Access E-Learning tutorial has been programmed to offer keyboard shortcuts for navigation (Previous page, Next page, Go to Navigation) and some frequently used links (Skip to Page Content, Feedback Form). In describing the "shortcut keys" below, the letter key and the corresponding letter within the link name have been listed in bold. For example: l to go to the User Login.

Please note there is variable support among browsers and systems for using these shortcuts. Currently, Internet Explorer 4.0 or above but NOT Netscape Navigator allows the user to select the appropriate "attention" key (this also varies but usually "Cmd" for Macintosh and "Alt" for Windows), then select the following letter:

However, since technology changes so rapidly, also realize that besides the above technique, there may be other systems which could use different shortcut methods, or perhaps even allow the "shortcut key" to be used by itself (without the need for the "attention" key).

An example of the HTML coding for a shortcut key using ACCESSKEY attribute of the link to the Access E-Learning Site Map using the letter "m" is as follows:
  <a href="http://www.accesselearning.net/" title="Access E-Learning Site Map(m)"   target="_self" ACCESSKEY="m" >Site Map</a>


Logical and consistent navigation

The Access E-Learning tutorial provides logical and consistent navigation. We have identified the target of all links, and ensured that linked text is brief and meaningful when read out of context. For example, to inform a user viewing a Resources page of more information, instead of "Click here", the linked text would say "View more Resources". Linked text like the "View" example, if read by itself, informs the user of what to expect and is helpful when scanning information. It also assists users whose technology can list all of a webpage's links and takes into consideration people who may be using alternative computer access technology ("click" is specific to a mouse).

We have made all navigation links location sensitive; that is, the current page is displayed as text to provide the user with an indication as to their current location within the structure of the Access E-Learning tutorial. However, please note some links such as "Skip to Page Content" and "End of Page" are invisible to some users of graphical browsers. These "hidden" links are programmed into the page as they are particularly helpful for people using non-graphical or text browsers and people using alternative computer access technology like screen readers and refreshable Braille displays.

We have provided a "Site Map" link, available from every page, to give users information about the general layout, modules and topics of the Access E-Learning tutorial. Additionally, we have also described in detail Access E-Learning and its accessibility features, on this page ("Accessibility of Access E-Learning"), which is available through the "Accessibility" link in the footer of every page. Furthermore, we have consistently provided users with navigation mechanisms and ways to bypass them, including Keyboard Shortcuts and consistently located: Buttons, Navigation between pages (horizontal navigation), and Navigation within a page (vertical navigation).
 

Buttons

GRADE Project   Feedback   Site Map  , Exit Course , and Printer-Friendly are the five buttons located in the upper right of each page below the tutorial title ("Access E-Learning").

In the top of each page, there is a drop-drown menu to provide handy access to each module in the tutorial.

Module 1:
Disabilities
Module 2:
Access Plan
Module 3:
Powerpoint
Module 4:
Video
Module 5:
Flash
Module 6:
Word
Module 7:
Excel
Module 8:
PDF
Module 9:
HTML
Module 10:
Scripts/Java

In general, selecting a linked button such as "Site Map", takes you to the respective page. However, if you select the "Exit Course" linked button, you will be returned to the login page of the Access E-Learning tutorial and your location within the tutorial when you selected "Exit Course" will be recorded so next login you can return to the point where you left off. Also, if have selected the "Printer-Friendly" link the page is delivered in a format that can more readily be printed; to return to a web version that has left navigation and more visual effects, select the "Web Version".
 

Horizontal Navigation

There are several navigation features in the Access E-Learning tutorial to indicate your current position and provide "directional links" to the previous page or the next page in the tutorial. These horizontal navigation features are located in the right navigation menu below the module name or at the end of a page's content just above the page feedback link at the bottom. These horizontal navigation features include:

However, please note some supplemental pages in the Access E-Learning tutorial, such as "Copyright Notice" require you to use the "Back", "Go Back", or "Previous" function of your browser to return to the previous page from which you followed the link.
 

Vertical Navigation

Several navigational features are provided within a page to help the user more directly access desired information. These vertical navigation features include:

Lastly, most navigation links (whether linked button, horizontal or vertical) are location sensitive; that is, the current page is displayed as text or the associated button is absent to provide the user with an indication of the current location within the structure of the Access E-Learning tutorial.
 


Alternative text and descriptions for graphics (non-text)

The Access E-Learning tutorial, aside from the text-based navigational structures, has been designed to be all content and has avoided gratuitous use of graphic elements to assist in faster downloading of the tutorial. When a graphic is used, we have provided alternative text (ALT), which is a short, literal description of what the image represents. This alternative text is displayed in the browser of people using non-graphical or text browsers, users who may have images "turned off", and other users who may have difficulty viewing the graphics. Otherwise, for people using graphical browsers, such as Internet Explorer, the alternative text appears when the pointer hovers over the graphic.

Additionally, for complex graphics, more detailed information is offered through a long description (LONGDESC). However, as there is minimal support for LONGDESC, a description link or d-link is used in conjunction with the LONGDESC. In the Access E-Learning tutorial, besides the LONGDESC, we have provided a caption of the image below its thumbnail-size image as a link to the full-size image and its long description. Another way to do a d-link is to display a [d] next to the graphic. This d-link can be programmed to be "hidden" using cascading style sheets; this way it is invisible to users of graphical browsers (usually for aesthetics) but will still be available to people using non-graphical or text browsers and users who have images "turned off" in their browser.

An example of the HTML coding for the alternative text and descriptions for an image is as follows:
  <IMG src="logo.gif" ALT="Logo for 'At Your Service' Course" LONGDESC="logodescription.htm" >
  <a href="logodescription.htm" title="Image Description of At Your Service Course Logo" >[d]</a>

To continue with this example and view text for a descriptive link, visit Image Description of 'At Your Service' Course Logo.


Cascading style sheet (CSS)

The Access E-Learning tutorial uses templates and a cascading style sheet (CSS) to achieve a consistent style of presentation across all pages and to facilitate separating the content from the layout or format. The CSS itself applies to each page and is used to specify such characteristics as color, font type, font size, and spacing for a particular feature, such as a page title. Thus, if a change of color is desired for the page title, altering the CSS for that change becomes reflected in all the pages with that feature. However, users can choose to use the Access E-Learning CSS, their own customized CSS, or "turn off" CSS altogether. Accordingly, we have ensured that the Access E-Learning tutorial is usable with the style sheets "turned off".

Icon for W3C Valid Cascading Style Sheet (CSS) In addition, we have used the W3C CSS Validator to verify our CSS meets established specifications.

Icon for W3C Valid Cascading Style Sheet (CSS) Furthermore, we have verified the coding integrity of the Access E-Learning tutorial has been maintained. Besides the web guidelines, the World Wide Web Consortium (W3C) defines specifications for using HyperText Markup Language (HTML), the general publishing language of the World Wide Web. We used the W3C HTML Validation Service to verify our webpages meet the established W3C HTML 4.01 Specification.


Usability with alternative computer technology

The Access E-Learning tutorial has been created and tested to be usable with alternative computer technology. We have tested the Access E-Learning tutorial on workstations utilizing popular screen reader technologies such as Jaws. Furthermore, we have tested the Access E-Learning tutorial in numerous operating systems (Windows, Macintosh, Linux) running different browsers under various combinations of conditions, such as sounds and/or images "turned on" or "turned off". The tested browsers include text-only browsers, such as Lynx, and various popular graphic browsers such as Internet Explorer, Netscape Navigator, Opera, and Mozilla. Additionally, the Access E-Learning tutorial has been designed and tested to be usable without a mouse, on small or low-resolution screens, with only voice or text output, and with alternative keyboards. We have also had people with color-blindness check the Access E-Learning tutorial to ensure important information is not conveyed with color, and that foreground and background colors provide sufficient contrast.


Clear and simple language

The Access E-Learning tutorial has tried to utilize clear and simple language appropriate to its content. We have divided large blocks of information into more manageable groups using such elements as paragraphs, lists, and headings. We have facilitated scanning of information by front-loading headings and paragraph text. In addition, on all of our forms, we have associated labels with their controls. Furthermore, where necessary, we have supplemented text with graphic elements to facilitate comprehension.

< < Please use the "Back" button of your browser to return to the previous page

 
-- END OF PAGE