ANGEL Course Management System
Accessibility for Different Files
Because the ANGEL Course Management System is a Web tool, you may not have all the ability to manipulate accessibility features that you would in a stand-alone Web site. However, there are some steps you can take to make your ANGEL content more accessible.
See the ANGEL Help Page "Ensure ANGEL Course Content is Accessible" for the most up-to-date information.
Screen reader users, or those with severe low vision, may want to switch their display option to Accessible View, PDA Mode or 508 Mode. Any of these modes puts ANGEL into a frames-free, text-only mode and enlarges the text. See the ANGEL Help Page "Ensure ANGEL Course Content is Accessible" for more details.
Colorblind and low vision users may wish to view all their pages in a more accessible theme. To change a theme: log in, go to the Preferencesmenu on the left, then click on the Theme Selector. Some themes that have been developed for accessibility include:
- Large Text: Sets the default text size higher.
- Black and White: Uses black text with a white background for highest contrast.
- High Contrast—Black: Reverses colors so that background is dark and the text is light. Needed for some low vision users.
NOTE: Users can check "Always use this theme" to override custom themes from a course.
If students find the text too small in ANGEL even with zooming, you can suggest switching to a newer browser, such as Firefox or Internet Explorer 7+. These browsers tend to better support text zooming.
The ANGEL HTML editor can be used to add formatting to HTML pages. Some tools that will assist users with different accessibility issues are:
Page titles should be formatted with the Heading 1 (H1) option in the Select Format menu. This formatting helps users with screen readers quickly identify the page title.
Main section headings should be formatted with the Heading 2 (H2) option in the Select Format menu. This formatting helps users with screen readers quickly scan and identify major sections of the page. Use the Heading 3 (H3) option for subsection headings.
When inserting images, remember to fill in the Alternate Text field in the upload screen. This is the text that will be read aloud by a screen reader. See the HTML Editor: Insert an Image help topic for more details.
Avoid using serif fonts like Times New Roman. The default sans-serif fonts are generally more legible.
Make sure color schemes have enough contrasts between light and dark. See the Color and Colorblindness page for more details on color schemes.
- When inserting a table,
- Add a Caption as a title for the table
- Avoid merging cells, as it can make it difficult for screen readers to process
- Use the first row to indicate the type of data in each column
- Add a Summary to provide additional information to visually impaired audiences
- Avoid ambiguous link text such as "Here" or "Read More." Links should describe the destination. For instance, "Visit the NASA Home Page" is better than "For the NASA Home Page, go here."
NOTE: Not only does this provision assist in screen reader navigation, but it also makes links and destinations ("information scent") more visible for all students.
- If you copy formatted text from Microsoft Word, use the Clean HTML Content tool (eraser icon) to clean the Word HTML code, then reformat the page.
- You can switch to View Source if you wish to hand-edit HTML code for accessibility.
All files uploaded into ANGEL should be made accessible. Accessibility accommodations include:
Extended text descriptions for images critical to course content. Remember that you cannot edit an ALT tag in ANGEL; so the description must be available in the text.
Text transcripts for any audio used. Videos should be captioned or include a text transcript.
When writing multiple choice questions in ANGEL, select the format of "Multiple Choice" (choices listed with radio buttons) instead of the "Matching Option" (drop-down menu). Drop-down menus present more accessibility issues for users with mobility impairment, screen readers or certain cognitive disabilities.
Multiple-Choice Versus Matching in ANGEL
Matching Format - Answers in Drop-Down Menu
Extended Text Description below
Multiple Choice Format - Answers Listed with Radio Buttons
Both examples ask how Spanish /ñ/ differs from English /n/ in articulation, and provide a list of anatomical terms. The answer is that the tongue body makes contact with the alveolar ridge for English /n/, but with the palate for Spanish /ñ/.
Add text descriptions for all uploaded images. For instance, if you upload an image for a quiz, include a brief description within the text for the quiz question. For example:
Sample ANGEL Quiz Question
With Description of Image
Q: Identify the saturated fat below. The fat chain has 18 carbon atoms in it.
NOTE: This description is also useful for students who cannot see an image attachment or image file online for technical reasons.
Students with learning or physical disabilities may not be able to complete timed quizzes within the given time frame. If these students are registered with the Penn State Office of Disability Services, they are permitted to request accommodation for timed quizzes and assignments.