Skip to main content
Home

Search form

Facebook icon  Twitter icon  YouTube icon  LinkedIn icon  

  • Home
  • Accounts
    • Logging In at GSC
      • Create Your GSC Account
      • Find Your Username
      • Forgot Your Password?
      • Find Your GSC-ID
      • Change Your Password
      • Link Up Your GSC Accounts
      • Change Your Security Question
      • Password Tips
  • Canvas
  • Moodle
    • Using Moodle
      • Moodle Technical Requirements
        • Browser & Settings
        • Logging in to Moodle
        • Clearing Your Cache
        • Using Chromebooks
      • Moodle - Mobile Devices
      • Student Documentation
        • Moodle Overview
        • Dashboard Customization
        • Profile Page
        • Account Preferences
        • Basic Navigation
        • Assignments
        • Quizzes & Exams
        • Grades
        • Messages
        • Discussion Forums
        • Subscription Settings
      • Faculty Documentation
        • ID Suppport
        • Moodle Upgrade 3.5
        • New Altitude Theme
        • Getting Started
          • Quick Start Guide
          • Basic Navigation
          • Your Profile
          • Dashboard Customization
          • Set Subscriptions
          • Find Your Courses
          • Using the Course Template
          • Quick Tips
          • 10 Ways to Use Moodle
          • Tips for Copied Courses
          • Revise Course Length
          • Change Default Module Dates
        • Instructional Content
          • Add Syllabus
          • Editing
            • Mass Actions Block
          • Overview Tips
            • Sample ENG620
            • Sample MGMT566
            • Sample SOSC605
            • Sample: MGMT608
            • Sample: NUR603
          • Resources
            • Moodle Resources
            • Kaltura – video resource
          • Blocks
            • Moodle.org Info: Blocks
            • Instructor Block
            • Add Custom Info
            • Add a Twitter widget
        • Grading
          • Setting up the Gradebook
          • Moving Items in the Gradebook
          • Using Weighted Means in the Gradebook
          • Add Manual Grade Item
          • Check Grading Criteria
          • Create a Grade Category
          • Gradebook Views
          • Grading Assignments in Moodle
          • Giving feedback in the Gradebook
          • Feedback in the gradebook is not visible
          • Disappearing Grades
          • Changing Grades
          • Assignment: Offline Grading
          • Chalk & Wire e-portfolio activities in the Moodle gradebook
          • Hiding/Revealing Suspended Students
        • Assignments
          • Using a Grading Rubric
          • Viewing Submissions
          • Changing maximum file size
        • Discussion Forums
          • How to Create a Forum
          • Standard Forum for General Use
          • Standard Forum Displayed in a Blog-like Format
          • Each Person Posts One Discussion
          • A Single Simple Discussion
          • Setting up Forum Subscription Options
          • Anatomy of a Discussion Forum Prompt
          • Kaltura videos in your discussion forums
          • Instructor Presence: Discussion forum response strategies
          • Grading Forums
          • Forums: grading holistically or with ratings?
          • Resources on Managing Discussion Forums
        • Quizzes
          • Configuring Feedback
          • Quiz Attempts: Open & Forced Delay
          • Quiz Settings
        • Other Activities
          • Groups
            • Groupings & Assignments
            • Group Sets & Activities
            • Telling which group a user is in
          • Workshops
          • Add a Checklist
          • Getting Student Feedback
          • Turnitin Assignments
          • Blogs
          • Wikis
            • Wikis for Group Projects
        • Communications
          • Announcements
          • One-on-One Forums
          • Forum Viewing Options
          • Using Messages
        • Accessibility
          • Improving Accessible/Universal Design
          • Intro to Screen Readers
          • Creating Screen Reader Friendly Pages
          • Invisible Disabilities
        • Course Management
          • Course Availability
          • Student Enrollments
          • Import (Copy) Moodle Course
          • Standard Reports
          • MyReports for Faculty
      • Moodle Organizations
      • Student Orientations
  • Moodle LOGIN
  • Granite Email
    • Overview and Login
      • Forward Granite Email
      • Sync Android Devices
      • Sync Apple Devices
      • Office 365 Download
  • Tools & Tips
    • Tools & Tips Overview
      • Computer Tips
        • File Management
        • Browser & Settings
        • Saving a file in a different format
        • How to take a screenshot
        • Clearing Your Cache
        • Using Chromebooks
      • Zoom Web Conferencing
        • Zoom for Students
        • Zoom for Faculty
          • Create a Session in Moodle
          • Facilitate a Zoom Session
          • Record/Upload a Zoom Session
        • Zoom for Staff
        • Zoom Best Practices
        • Zoom Moderator Tips
        • Zoom Support
        • Zoom Technical Requirements
      • Microsoft Teams Resources
        • Instructor Guide
        • Student Guide
      • TurnItIn
        • Submitting a Paper
        • Turnitin FAQs
      • WebROCK
      • ePortfolios
        • Chalk-&-Wire
          • Activate Your Account
          • Chalk & Wire Tutorials and Guides
      • H5P Interactive Content
      • Brainfuse Online Tutoring
      • Kaltura Video Streaming
        • Kaltura for Students
        • Kaltura for Instructors
          • Machine Captioning in Kaltura
      • Nextiva Deskphone Access
      • Downloads
        • Office 365
        • Microsoft Azure for Education (formerly Microsoft Imagine / Dreamspark)
  • Security
    • Keep Your System Safe
      • Virus Protection
      • Computer Use Policies
        • Computer & Network Acceptable Use Policy
        • Email Acceptable Use Policy
        • Peer to Peer Compliance
      • Password Tips

You are here

Home » Moodle » Using Moodle » Faculty Documentation » Accessibility » Improving Accessible / Universal Design in Your Course

Moodle

  • Using Moodle
    • Moodle Technical Requirements
    • Moodle - Mobile Devices
    • Student Documentation
    • Faculty Documentation
      • ID Suppport
      • Moodle Upgrade 3.5
      • New Altitude Theme
      • Getting Started
      • Instructional Content
      • Grading
      • Assignments
      • Discussion Forums
      • Quizzes
      • Other Activities
      • Communications
      • Accessibility
        • Improving Accessible/Universal Design
        • Intro to Screen Readers
        • Creating Screen Reader Friendly Pages
        • Invisible Disabilities
      • Course Management
    • Moodle Organizations
    • Student Orientations

IT Help Request

Improving Accessible / Universal Design in Your Course

“Accessible Design” calls for design that includes the needs of people whose physical, mental, or environmental conditions limit their performance. “Universal Design” aims to extend standard design principles to include people of all ages and abilities, but remains at the level of generality, so it does not address all the specific needs of any particular disability.

But even for people who do not have any specific physical or mental characteristics that affect computer use, it has been found that adopting universal design principles can reduce fatigue, increase speed, decrease errors, and decrease learning time for all users. In many ways, universal design addresses the larger issues of usability by making things easier for everyone. from Usability First (opens in a new window).

Things to check in your course:

The one accessibility issue that is thought to be more important than all others is that a text equivalent is needed for every non-text element (audio, video, images, scanned documents). Fortunately, this is something that can be done. Don’t hesitate to contact the instructional design team if you need help improving accessible design/universal design in your course.

Audio and visual content

Both audio and visual content, if used, are accompanied by a written, screen-reader compatible transcript and/or captioning in an ADA  (Americans with Disabilities Act) compliant format.

    • If you are asking students to view YouTube videos, make sure that the video includes closed captioning. Many do include closed captioning. You should check the closed captioning against the video to make sure it is “correct.” Sometimes the closed captioning has been done by machines and not humans and so is not very useful. Here’s a brief description of how to use and create  Closed Captions in YouTube (opens in a new window). Videos from TED Talks (opens in a new window) include closed captioning and transcripts. 
    • How to create captions and subtitles on YouTube (opens in a new window)

    • If you are creating your own videos, then often the software you use to create the audio or video also allows for the creation of closed captions. For instance, Camtasia, a commonly used program at GSC, allows this.  It’s best to follow the directions in your software.
    • Including a written transcript with all audio files is recommended.  If you are creating the file yourself then it’s best to write out the transcript first and use that script when you create the audio file.  When you include the audio file in your course, make sure you  include the written transcript too.

Images

Images use alternative text to describe their content.

    • For an image that conveys content, the alternative text succinctly describes the content conveyed by the element, without being too verbose (for simple objects) or too vague (for complex objects).
    • For images that have a function (images within links, image buttons, and image map areas) include alternative text which describes the associated function.
    • Complex graphics (graphs, charts, etc.) are accompanied by equivalent text, either through a description in the body of the page or  a link to a description on a separate page.
    • Decorative graphics have null/empty alt values (alt="").
    • It’s easy to add alternative text (alt-text) in Moodle. When you insert an image, a text box for Image description is provided.  This is the alternative text that will be shown when the actual image is not visible. Please write good descriptions for your images.  Instructional designers can help you with this.

Scanned documents

Scanned documents, if used, have been processed (with Optical Character Recognition (OCR),  tools) to provide a screen-readable version.

    • The 3 Best Free OCR Tools To Convert Your Files Back Into Editable Documents (opens in a new window)

Course Links

 Course links are self describing and meaningful.

    • The text display of hyperlinks is self-describing (i.e. URLs containing long strings of characters are replaced with meaningful descriptions.) For example:

      See this page in the Faculty Center  https://it.granite.edu/accessible-design
      vs
      See the Univeral Design & Accessibility page in the Faculty Center.

      Good link text should not be overly general; don’t use “click here.” Not only is this phrase device-dependent (it implies a pointing device) it says nothing about what is to be found if the link is followed. Instead of “click here”, link text should indicate the nature of the link target, as in “more information about sea lions” or “text-only version of this page”.

    • One way to add a link in Moodle is by using  the pull down Add a resource menu, then select URL. Another is to add the link directly in a label.

Screen Readability

Course ensures screen readability.

  • Color is not used as the only indicator of meaning. 
    • An example of how color can indicate meaning is to show all required items in a list as red and all optional items as blue.  In this example, it is fine to use color but not ONLY color.  In addition to showing required items as red, also include some text, perhaps the word “required,” as part of the item. And, in like fashion, add the word  “optional” to the blue items.
    • Text used can be interpreted by screen readers. Moodle itself seems to be accessible but the content will determine whether your course is accessible. It may be best to check with the instructional design team if you have questions about this.
    • Text colors (if used) or colors of other critical visual elements are high-contrast.
      • It is estimated that 1 in 20 visitors to a website will have some form of color vision deficit.  So it is important to make sure the contrast between background and foreground colors have high contrast.  To test your page, try Color Blind Web Page Filter (opens in a new window)

For more information:

Introduction to the Screen Reader – 7:05 min. video (opens in a new window)

Neal Ewers demonstrates a screen reader – Produced by: Alice Anderson, Technology Accessibility Program, UW-Madison Division of Information Technology, and Neal Ewers, Trace Research & Development Center, UW-Madison, with help from Dick Geier and Jesse Winters at the Instructional Media Development Center.

Screen Reader Demo – 13:15 min. video  (opens in a new window)

“Screen Reader Demo from Blind Inspiration Cast” How do people who can’t see a computer screen navigate a website? Colleen Connor explains the basics of how she uses a screen reader and how to design for visually impaired users.

WebAIM Section 508 Checklist (opens in a new window)

About 15 standards are excerpted from Section 508 of the Rehabilitation Act, §1194.22. WebAIM, a project of Utah State University, explains how these standards can be interpreted.

Guide to the Section 508 Standards for Electronic and Information Technology (opens in a new window)

Section 508 is a federal law which mandates that all electronic and information technology developed, procured, maintained, or used by the federal government be accessible to people with disabilities.

Summary of WCAG 2.0 Guidlines (opens in a new window) from Boise State University

Web Content Accessibility Guidelines (WCAG) developed in cooperation with individuals and organizations around the world, with a goal of proving a single shared standard for web content accessibility that meets the needs of individuals, organizations, and governments internationally.

2010 ADA (Americans with Disabilities Act) Standards for Accessible Design (opens in a new window)

from the U.S. Department of Justice. This document is almost 300 pages long.

Web Accessibility Testing

” Any accessibility testing must be viewed as a process that combines automated software tools with human judgment. There is no tool that you can run against your website (or web page, for that matter) in order to assert that it is accessible and/or complies with the Section 508 provisions or the WCAG – no matter how much you are willing to pay ” from Web Accessibility – Web Standards and Regulatory Compliance by Jim Thatcher

Since both software tools and human judgement are needed, here are some resources  for help with testing:

Accessibility Checklist (opens in a new window) from U. of Washington

Website Evaluation (opens in new window) from University of Illinois at Urbana-Champaign

Granite State College Granite State College
25 Hall Street, Concord, NH 03301
Toll Free: 855-GSC4ALL (855.472.4255)| Local Campuses
TTY Users: 7-1-1 or 800-735-2964 (Relay NH)
© 2021 Granite State College. All Rights Reserved. Legal notices

  • About GSC
  • Current Students-Granite
  • WebROCK
  • eLearning+ (Moodle)
  • Register for Classes
  • Locations & Directions
  • Student Consumer Info

     

  • Library
  • Bookstore
  • Faculty Center
  • Catalogs & Course Schedules