Accessibility Strategies in the Brightspace Content Tool

Keep Navigation Consistent

Brightspace is designed to give your site a consistent structure. You, however, control the organization of the Content you add.

Note

With a consistent design, students will spend less time looking for information and more time learning.

Who this helps

  • People using screen magnification who can only see a portion of the screen at any time
  • People with cognitive and learning disabilities who need consistency to be able to orient themselves
  • People using screen-reading software

Who this also helps

  • People who are new to Brightspace
  • People who are not confident using computers
  • People who access their courses using phones and other devices with small screens
  • Everyone who can more easily find what they need

Strategy

Leverage the features of the Content tool to create consistent Modules.

  • Name your modules so that students can easily find what they need using the built-in Navigation Panel
  • Take advantage of Module Description Fields to provide a brief description of each module
  • Include information about how much time students will need to complete each module 
  • Create a new topic for each activity a student will complete in the module
  • [LINK Use the Existing Activities button to add quizzes, discussions, and assignments to your modules]

Use Web Pages

Use Brightspace's built-in HTML editor to create web pages instead of uploading documents and PDFs. You can even cut and paste from a document into the editor - just be sure to "remove formatting" when prompted.

Note

Word and other document editing programs like to insert code in the background, which can cause problems in the HTML editor. If you remove formatting, you remove this code.

Who this helps

  • People who use screen readers and other assistive technologies
  • People with small screens who need content to resize

Who this also helps

  • Instructors, since webpages are easy to edit 
  • Everyone who has access to the most current version
  • Instructors who can copy web pages between sites
  • Everyone who wants a hard copy since web pages can be downloaded and printed
  • Instructors, since formatting work is done for you with built-in tools

Strategy

Use the default font.

People with visual impairments may need to resize fonts. If you use the default font, individuals can adjust their Account Settings in Brightspace and choose "Huge" and "Large" font types.

Font Settings

Strategy

[LINK Use headers (html editor page)] to organize your content.

Select header

Headers do double duty. They add formatting, and they provide an index for screen readers.

Note

With headers, visually-impaired people do not have to start at the top and read through all of the text every time they want to access something on a page. Instead, they can move between headers to quickly find the needed content.

Strategy

Give your [LINK embedded(HTML editor page] links a descriptive title.

Enter Link Title

Note

Screen readers will read the entire web address without a title. This advantages visual learners who can skim over the URL.

Ensure your title reflects where the link takes you when you select it. Screen readers often use a "list link" feature to bring up a list of all links on a page. This removes links from the surrounding context.

Do not name your links "click here" or "click this link." Screen readers will announce it is a link. Visual learners know this, too, by the blue underlined text Brightspace uses for all links.

Only Upload Accessible DOCs, PDFs, and PPTs

Once you upload your materials, you cannot edit them in Brightspace. Consider creating webpages instead, which you can edit inside Brightspace.

Word Documents

Add headers, alternative text for images, and descriptive link titles to make your Word documents accessible.

Strategy

This WebAIM article describes the steps for making your Word documents accessible.

PDFs

PDFs are images, meaning they rely entirely on visual information.

It is possible, however, to create accessible PDFs, but this does take some effort.

PowerPoints

PowerPoints rely on visual elements to convey information. Blind and low-vision students will miss this information.

Give Images Alternative Text

Screen readers use alt text to tell blind and low-vision people what is in the image.

When you add an image to a webpage, Brightspace will prompt you to add Alternative Text (sometimes called Alt Text).

Enter alternative text

Strategy

Be as succinct as possible, but be sure to describe the essence of the image. For example, if you include a bio picture of yourself skiing Mt. Lemmon, describe what you are doing in the alt text since it conveys something about you. 

Note

If you describe the substance of the image in the surrounding text, then you do not have to include as much information in the alt text.

Caption or Transcribe All Media

Captioning is the process of adding time-synchronized text to a video. Transcripts are not time-synced and are read independently of the video or audio.

[H3] Who this helps

  • 15% of the population has some form of hearing loss

[H3] Who this also helps

  • Non-native speakers who may find written text easier to comprehend
  • People who want text to use as a study guide
  • People working in loud environments
  • People working in places where they cannot have the sound up

Note

According to the captioning service 3PlayMedia, 80% of people who use captions are not deaf or hard of hearing; they like captions because they aid comprehension.

Strategy

Brightspace video notes, Zoom, and Panopto offer auto-captioning. In the help pages for each tool, you will find steps for using auto-captioning.

Note

Autocaptions frequently get things wrong. Be sure to review all auto-captions for accuracy.

The university additionally has contracts with several captioning vendors. The cost is approximately $2 per minute. 

If you can't provide captions, consider uploading a transcript. You can add it to your content page as a topic, post it in a discussion, or upload it as an attachment to an assignment. For help determining the best method for providing a transcript, contact the Brightspace Consulting team.

Use Lists Instead of Tables

Screen readers ignore tables and simply read the content in whatever order appears in the code. The association between the information in a cell and the appropriate row and column headers get lost.

Strategy

Consider using bulleted lists instead of tables. If you must use a table, make sure it is tabular data only and not for layout purposes. If you change topics, start a new table. Do not merge multiple topics into one table. 

Note

For instructions on creating accessible tables in Brightspace, sign up for the Brightspace Creating Accessible Course Sites [INTERNAL LINK self-registration tutorial].

Don’t Rely on Color to Convey Meaning

Color is great for adding visual emphasis, but blind, low-vision and color-blind learners may not see it.

Note

If you use color, make sure you also tell students in the text when something is emphasized. Or, better yet, use bold, italics, or an underline, since screen readers communicate this information.

Be reasonable with using italics (and all caps), which can be interpreted as shouting.

If you use color, ensure enough contrast between foreground and background. Brightspace will give you a AA WCAG ratio when you choose color. Your text might be illegible if you see a "cross" icon.

Select a color

Back to Top