j s e t logo
JSET ejournal

this issue button
this volume button
email us button
about j s e t button
related links button


powerpoint presentations button
p d f files button

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

top of page button

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

top of page button

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

top of page button

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

top of page button

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

top of page button

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

top of page button

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

top of page button

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

top of page button

Universal Design for Learning
Associate Editor Column
David Rose
Walking the Walk: Universal Design on the Web
Guest Columnists: David Grogan and Roxanne Ruzic


Universal Design for Learning (UDL) has the potential not only to increase access but transform the learning process. However, fulfilling this potential requires careful application of UDL, taking into account the need for flexibility from the very beginning. The redesign of the CAST Website (http://www.cast.org) is a good example of this necessary process.

CAST's Website is its electronic "front door"; it represents CAST on the web and houses its electronic materials. Therefore, CAST wanted to ensure that the design and infrastructure of the site would serve as be models of UDL. In this article, we describe the process of designing our Website in order to illustrate both the principles and the practice of universal design for learning.

To begin, the CAST Website designers asked three questions:
1. What are the goals of the Website?
2. What barriers to learning do web environments present, and what individual differences must we consider in helping visitors overcome these barriers?
3. How will the website be evaluated?

Answering these questions helped us frame our approach to designing an environment that has the inherent flexibility to accommodate individual differences in a learning-supportive way. Here, we take you through our process.

CAST Website Goals
Teachers practicing Universal Design for Learning find themselves questioning the way in which they conceptualize and articulate assignments. This type of questioning is as important for designers of software, CD-ROMs, Websites, and other curricular materials as it is for classroom teachers. Designers must pay particular attention to the goals of the learning experiences they create. In particular, designers must ask what we want our learners (or in this case, visitors) to understand, and how we can maximize support to help these visitors achieve the deepest levels of understanding.

We identified two major goals for our site: (a) to provide visitors with a deep understanding of concepts relating to UDL, and (b) to provide visitors with a deep understanding of CAST as an organization. In the context of these goals, we defined understanding as the ability to "carry out a variety of actions that show one's grasp of a topic and at the same time advance it" (Project Zero, 1998; see http://learnweb.harvard.edu/alps/tfu/about1.cfm).

Barriers to Learning
Once the goals for our Website were defined, we considered the potential barriers that Web-based media present to achieving those goals. Because the visitors to our Website are not limited to particular groups, we knew that we needed to accommodate many different kinds of users who possess different skills, abilities, backgrounds, and who come from different countries or cultures. In particular, we needed to avoid excluding people with disabilities from learning on our site.

The Web is both a boon and a burden in the quest to support learners with individual differences. New technologies such as the Web can greatly enhance our ability to create opportunities for all learners. At the same time, we risk inadvertently shutting out many learners. (See Qualities of Educational Media http://www.cast.org/udl/QualitiesofEducationalMedia355.cfm for more details on the possibilities and problems of designing for different learners on the Web.)

CAST took several steps to ensure that the Website design avoided this risk. As a baseline, we used the guidelines from the Web accessibility initiative (WAI) of the World Wide Web Consortium (W3C) along with CAST's Bobby evaluation tool (http://www.cast.org/bobby) to ensure physical and sensory access to information on our Website. We also went one step further by allowing visitors to set, store, and retrieve their own interface preferences using our site's Interface Tool (http://www.cast.org/aboutsite/InterfaceTool305.cfm). To guide the implementation of access and to go beyond it to support varied learning needs, we used the universal design for learning (UDL) framework, which is based on three systems in the learning brain: (a) the recognition, (b) strategic, and (c) affective systems. This framework seeks solutions to three types of potential barriers: (a) barriers to recognition of the content and concepts within the site, (b) barriers to interaction with and navigation of the site, and (c) barriers to engagement with the site.

Barriers of Information Representation
There is no perfect way to present information to all users. Any means of representing information creates obstacles for some and differential benefits for others. The key to universal design for learning is to provide alternatives rather than a "one-size-fits-all" solution. In this section we consider the kinds of barriers that are inherent in the most common Web displays and present the built-in features in our Website that help to overcome these barriers. Again, the key is to provide alternatives.

Images. Images are prevalent on our Website. For many individuals, they provide an engaging and optimal alternative to text. However, presenting information entirely or only in images would erect barriers for many individuals, especially for those who are blind or who have low vision. On the CAST Website, we have taken care to ensure that the information presented in images is also available in several flexible and alternative formats.
For some individuals, such as those with low vision, the limited size of an image is sufficient to create barriers to recognition or understanding. Because the images on our Website are digital, they can be easily enlarged by various screen enlarger technologies.

For other individuals, such as those who are blind, merely enlarging an image does not make it accessible. Therefore, all images and graphics on the CAST Website have associated Alt Tags. These brief, written descriptors are embedded in the information about the graphic on HTML pages. Alt tags represent the content of the images in text -- for example, "a picture of a cocker spaniel" or "a graph of cost-benefit ratio." The textual descriptions convey the title or gist of the image. Although this text is not directly accessible to individuals who are blind, these Alt Tags can be accessed automatically via screen readers and various commercially available text-to-speech converters. In this way, a visitor who is blind can also know what images and graphics are contained on a Web page.

Alt Tags are rarely sufficient for educational purposes. They inform the visitor about the type of image that is currently on screen, but Alt Tags rarely are able to carry the critical information found within the image. For educational purposes there is a second type of tag, called a Long Description, which we have used for all images on our Website. This tag is also textual, but is intended to contain the key information. For example, "a picture of a Cocker Spaniel showing its long hair, medium build, short tail, and beady eyes" or "a graph of the cost-benefit ratio showing a steep rise at lower ratios followed by a leveling off in the mid range, and a moderate decline at high ratios" provide more information related to the educational purpose of the images.

Text. Conveying information in text presents problems for a fairly large number of people. First, there are problems for those individuals who are blind or have low vision ­ they cannot see the text or cannot see it in the sizes, colors, or fonts that are typically used by fully sighted designers. With the Interface tool (http://www.cast.org/aboutsite/InterfaceTool305.cfm) on the CAST Website, it is possible to change display variables such as the color of the background, the text, and the highlighting to reduce visual barriers caused by color. To reduce barriers caused by text that is too small, the web browser controls offer the power to increase or decrease the font size. The Interface tool also provides visitors with the ability change the font style.

For individuals who are blind, manipulations of the interface will not suffice. However, these individuals can take advantage of other options. Because the text of the Website is in electronic format, it can be read with a screen reader. An invisible link at the top of every page (a link only a screen reader will find) allows the user to skip the tool column and start reading the page contents.

Individuals may have a variety of other difficulties with text. Persons with dyslexia, individuals for whom English is a second language, or individuals for whom reading is not automatic benefit from the various stand-alone or Web-based applications that translate text into speech. CAST's own e-Reader is an example of this type of technology. This browser enhancement can represent text as speech. It offers a means to read words and highlight them at the same time, which is of great value to users whose difficulties with text are not visually-based.

Language . Language conveys information via text, speech, or sign. However, text, speech, and sign are still language. For some individuals, the language itself may be a barrier to learning from the Website. Visitors to our site have different levels of facility with English and with language in general.

To reduce the barriers inherent in language, our Website provides a Language Tool (http://www.cast.org/aboutsite/Language304.cfm). To accommodate differences in individuals' abilities to comprehend the specific nomenclature of UDL or English in general, the Language Tool provides support for semantics. It will provide a definition for any highlighted word, and it also contains a glossary of important terms and definitions of these terms in context. The Language Tool also allows the user to select a word and find its equivalent in any one of six languages.

Sound (video or audio). Sound (on the track of a video or as an autonomous sound file) can be an excellent method of communication for some individuals. However, for others, (e.g., persons who are deaf) this method of communication is not effective. Thus, providing an alternative to sound is essential.

On our Website, as a complementary representation to the information in sound files or to the sound track on video, we have included written captions using the synchronized multimedia integration languate (SMIL). These SMIL files are always available but only appear at users' discretion. In this way, we ensure that the information carried in the sound files on the CAST Website is available to individuals who cannot hear them.

Moving video. Obviously, the visual information in moving video is no more accessible to individuals who are blind than are still images. Techniques for inserting descriptive language into digital versions of video have been developed, and we plan to add these elements to our Website as the technology becomes generally available.

Background knowledge. Often an individual's understanding of information depends on background knowledge. For example, understanding the meaning of the word "rock" depends on knowledge of the context of its use and alternate definitions. The word could be used equally correctly in a discussion about garage bands, geology, or something in motion ­ each to very different ends. Someone who makes an analogy to "bread crumb trails" assumes that the reader or listener is familiar with the story of Hansel and Gretel. Without such background knowledge, the analogy is more of a barrier than an aid. Information that assumes background knowledge but does not provide it will likely erect barriers for some users.

On the CAST Website, we have taken several initial steps to provide background knowledge. The site contains a tool for immediately getting an encyclopedia entry for any highlighted word (e.g., "limbic system"). Instead of a dictionary definition, the tool provides a general introduction intended to provide background knowledge for the visitor. In addition, many pages have hyperlinks, highlighted words that take the reader to more information about a topic. Many pages also have glossary items that have been specifically selected to provide background vocabulary and knowledge.

Barriers of Interaction and Navigation
A second type of barrier emerges from abilities (both physical and cognitive) a Website requires in order to navigate and interact within it. Challenges range from those that are motoric (e.g., requiring the visitor to use a keyboard or mouse) to those that are primarily strategic (e.g., requiring the visitor to decide the best plan for investigating the site). CAST's Website provides several kinds of support designed to address both of these challenges.
While there are no specific tools to aid physical action provided by the site, its digital construction lends itself to greater opportunities for action by individuals with physical disabilities, and we provide built-in linkages to a wide variety of assistive technologies (e.g., expanded keyboards, single switch access devices). With such devices, visitors can act upon the CAST Website in many different ways. There are command key equivalents for moving through a collection of pages (e.g. Learning to Read), and we look forward to implementing more in the near future.

In terms of cognitive and strategic challenges, we admit that the CAST Website is both extensive and complex. In other such sites, many individuals find barriers to successful navigation. Often, it is difficult for users to know where they are, to know what options are available, to distinguish between promising and unpromising paths, and to maintain attention and focus. When developing the CAST Website, we created a number of tools to support individuals who are navigating the site and to eliminate barriers to strategically navigating within it.

To begin with, we created a special navigation tool. This tool provides a taxonomical representation of the information in the site and always shows exactly where the individual is in a particular information domain. For example, individuals can see from the navigation tool that (a) they are in a section of the site called "brain foundations," (b) the section is a part of a larger section called "theoretical issues", and (c) the section may be part of an even larger section. The entire hierarchy is visible to the user. Moreover, all other choices at the same or higher level are clear.

An individual may navigate in a traditional fashion (e.g., by choosing a go-ahead button, or choosing options on the page) or may instead choose to navigate directly via the navigation tool. The latter choice allows an alternative representation of the site in terms of the information itself, and thus a very instructional alternative for navigation and exploration. Moreover, the tool is consistent across the site. Many Websites use navigation systems that change from one section to another and are not intuitive enough to provide easy cognitive exploration of the information space. In designing the CAST Website, we were careful to ensure that the Navigator Tool (http://www.cast.org/aboutsite/Navigator300.cfm) provided not only a consistent navigation mechanism but also spatial and hierarchical representations of the visitor's location at all times.

In addition, there are many alternative ways to navigate the site. There is a "bread crumb" tool that displays the last 20 stops the visitor has made in the site. This tool is specifically for individuals who like to explore adventitiously but can forget where they have been and how to return there. There are also many different navigation options directly on the page such as quick links to all of the main site areas, as well as previous and next links through pages of related information. Through these options, many different individuals may find a navigation method that is optimal for them.

Nevertheless, merely enabling efficient navigation of the site was not our ultimate goal. We had hoped that visitors would learn from the site. For this purpose, there are a number of ways that individuals can act on or through the site in order to learn more from it. Like many sites, the CAST site builds interactive experiences (all of them universally designed, of course). The Image Lab (http://www.cast.org/udl/ImageLab552.cfm ) is an example of one of these experiences. There, individuals can learn about making the information in images accessible to everyone by looking at models, getting supported practice, and sharing their results with others.

We also have provided additional tools for interactivity that are available everywhere on the site. A notepad tool (http://www.cast.org/aboutsite/Notepad303.cfm) allows visitors to annotate pages on the site with their own thoughts, observations, or criticisms. The annotations a visitor makes remain attached to the pages where the annotations were made, either for review on a return visit, or to leave as notes for others on a tour. Similarly, a feedback tool (http://www.cast.org/aboutsite/Feedback306.cfm) allows visitors to communicate in a contextually defined way with the content creators of the Website.
All of these tools were created with a simple goal in mind; to provide alternative ways to support the visitor in acting strategically within the CAST Website. The various tools were designed to reduce traditional barriers caused by limited ways of acting on and navigating in Web-based information. These tools will help to ensure that all individuals will know (a) where they are, (b) where they can go, and (c) what they can do on the Website.

Engagement Barriers
Not all visitors to the CAST site are motivated in the same way. They differ as individuals in what interests them, what draws or distracts their attention, what preferences they have for different kinds of learning, and what level of challenge or support they prefer. On the CAST Website we offer a variety of options to accommodate these differences. For example, the opening page to the Website is designed to provide alternative points of entry, to accommodate different user preferences. The front page is presented as a clickable floor plan, rather like a museum brochure or an illustrated trail map. For individuals who prefer to explore the site on their own terms, following their own interests as they arise, it is easy to "wander" around the Website in any order, looking for areas of interest.

At the opposite extreme are those individuals who come to the site with very specific questions or purposes. These individuals do not have to wander around the site because the opening page also has a search tool, where they can enter specific terms or phrases, and links to relevant pages will appear.

There are many other preferences between these two extremes. Some individuals may not have a specific question but also do not want to wander around completely on their own. One option for them is to take a guided tour, which is also available from the opening page. Guided tours provide structured introductions to the site materials. Each one hosted by a different individual, with different interests in mind. We think of these tours as analogous to visits to a National Park, where rangers may provide an excellent introduction to the environs. Several types of guided tours may cover the same terrain, with one emphasizing geology, another history, and another wildlife. In the same way, it is possible to take different guided tours of the same material on the CAST Website, each tour hosted by a different guide with a different interest. In fact, it is possible to make your own tour of the site, either to share with others, or for your own use on return visits.

There are several other intermediate ways to engage the CAST site. We find that returning visitors are very different than first-time visitors. For the former, there is a "find out what's new" point of entry, where visitors can go immediately to the material they have not yet seen (http://www.cast.org/about/index.cfm?i=295). Other individuals do not want to wander around the site but do want the highlights. For these visitors there is a "popular pages" directory on the home page (http://www.cast.org).

Often, for people with disabilities, the most important aspect of a site is whether it will accommodate their needs. For this reason, the opening home page also has an immediate link to a "how to customize this site" section (http://www.cast.org/aboutsite).
We hope that having all these options right on the home page sends the message that we recognize that people become engaged in very different ways. Providing alternative means of engagement is one way of acknowledging that fact.

Within the site there are many other ways that we have included alternatives for engagement. The guided tours, for example, allow different individuals to choose mentors or guides that have interests like their own. To meet individual differences in topic specific needs (e.g., those of a publisher as opposed to a teacher or a prospective donor), we provide highly specific pathways through our site content, as can be seen in the choices of guided tours (http://www.cast.org/tours/AvailableTours294.cfm).

Knowing that we cannot fully anticipate the entire spectrum of topic-specific needs that our visitors will bring, we provide mechanisms that allow our visitors to create and share their own interpretations of the site content (http://www.cast.org/aboutsite/Notepad303.cfm) and (http://www.cast.org/tours/MakeaTour308.cfm).

We also seek to increase engagement by allowing people to interact with material. The labs, only a limited number available at the moment, are one way we do this (http://www.cast.org/udl/MediaLabs351.cfm). In addition, most of the site allows people to interact with the material through tours, notes, and the like, but soon with each other through online forums.

CAST Website Evaluation
At the present time, our capacity for evaluation is at an early stage. Nonetheless, we have built in to the site several means for individuals to communicate their evaluations of what has been successful and what has not.

There is a "feedback tool" which allows the visitor to provide page-specific feedback to us at any time. An additional feature of this tool allows the visitor to ask us for our response to their feedback. At the same time, we are planning more formalized studies of how well we achieve the goals of our Website through upcoming focus groups and surveys.

Conclusion
The concept of Universal Design was built into the CAST Website from the outset. We worked from the initial design sessions to provide the flexibility in the site's infrastructure and interface that is needed for a UDL environment.

"The essence of UDL is flexibility and the inclusion of alternatives to adapt to the myriad variations in learner needs, styles, and preferencesOnly through a process of design that recognized the differentiated strengths and weaknesses of both students and media can we hope to create learning contexts and materials that are flexible enough to accommodate all learners."
--David Rose, CAST


To ensure flexibility of the content right from the beginning, we were careful to store all content in electronic format, within a relational database that allows the transformation of content at the point of request (rather than using hard-coded HTML files). We developed a flexible, extensible, and customizable user interface that allows visitors to select the tools they want at the point of need, rather than cluttering the interface (http://www.cast.org/aboutsite/). We were careful to allow visitors to customize, save, and retrieve their interface settings (http://www.cast.org/mycast). We also designed the interface to allow for easy expansion of functionality in the future.

Knowing that visitors to the site can contribute to the value of information in the Website, we worked to encourage interaction and communication. The Guided Tours (URL) and Notepad (URL) features encourage re-evaluation and reformulation of the information on the site. The Guided Tours allow different visitors to exchange information, knowledge, and skills with each other.

Obviously, the CAST site is not a perfect example of Universal Design for Learning -- far from it. Universal Design is a process, not an outcome. Our Website is merely a first step towards the kinds of designs that we hope to make. We share it with you at this point to make the learning explicit. To that end, we look forward to learning from you.

top of page button
top of page