1 of 56

Understanding and designing for �accessibility in E-Learning

Roisin Garvey

Dept. Technology Enhanced Learning, MTU

2 of 56

Session overview

This session will offer:

The importance of accessibility in E-learning

The basics of improving the digital accessibility of files and media.

Some examples of how to provide an inclusive E-learning environment.

Introduction

3 of 56

Digital Accessibility and Inclusive Learning Environments

Background

4 of 56

Designing E-learning content for a diverse learner group

Our learners include, but are not limited to:

Learners with disabilities, those returning to education, non-native speakers, learners with different educational or cultural backgrounds, learners with short-term injuries or illnesses, those learning at a distance…

Introduction

5 of 56

Why do we need inclusive/accessible

teaching and learning content?

Introduction

Digital accessibility is a legal requirement in many countries, with legislation generally based on

WCAG 2.1 AA standards (more on this later). These guidelines are now at 2.2.

Improving the accessibility of our digital content supports all learners and helps us to provide an inclusive learning environment.

6 of 56

How do we design for accessibility and inclusion?

Introduction

Instructional Design

User Experience (UX) Design

Universal Design

Universal Design for Instruction

Universal Design for Learning

7 of 56

User Experience (UX)

Put the user’s needs at the forefront of the design process

UX shares many of the principles of instructional design and digital accessibility, including consistency, simplicity and usability

Good user experience design increases the effectiveness of learning experiences for all learners. 

8 of 56

Universal Design

Image source: Medium.com

Developed at North Carolina State University as a set of principles for the design of usable, accessible and inclusive environments and products.

These principles help to ensure, for instance, flexibility in use, simplicity, tolerance for error, and low physical effort.

UD has since been adapted in a number of ways 

9 of 56

Universal Design for Instruction

Aims to provide a framework for educators in designing instruction and assessment based on learning outcomes.

UDI offers nine principles, the seven original UD principles and two additional principles: community of learners and instructional climate (Scott, et al., 2001). 

10 of 56

Universal Design for Learning

Image source: Medium.com

Offers a means of applying the principles of universal design to course design (CAST, 2018).

UDL’s framework includes nine guidelines under three key principles, aiming to provide learners with multiple means of engaging in the learning, multiple means of accessing the learning material and multiple means of demonstrating their learning.

The overarching principles of UD are crucial in increasing access to education for all learners. 

11 of 56

POUR Principles

Image source: Straive.com | Information source: https://www.w3.org/TR/UNDERSTANDING-WCAG20/intro.html

12 of 56

Quick Activity

Choose two websites that you visit regularly

Think about any parts of the site that you find difficult to use

Go to: https://www.accessibilitychecker.org/

Paste the website URL into the accessibility checker

Take a look at the report that is generated

13 of 56

Some Examples of Accessibility Improvements

Practical Applications

14 of 56

Be mindful of common

accessibility issues

Documents

15 of 56

Documents

16 of 56

SCULPT Acronym

17 of 56

1. Structure

Use heading styles to structure your document. Don’t skip heading levels. Check your document structure using the navigation panel.

Documents

18 of 56

2. Colour

Ensure sufficient contrast between text and background colours. Avoid using colour as only way to highlight content.

Documents

https://www.tpgi.com/color-contrast-checker/

19 of 56

3. Use of Images

Provide alternative text to describe images, graphs, etc. in documents. Ensure to mark images as decorative if not important.

Documents

20 of 56

4. Links

Attach meaningful text to links to make them clearer to the reader. Avoid simply pasting a URL.

Documents

community.canvaslms.com

21 of 56

5. Plain Language

Ensure text is written in clear, simple language. Avoid unnecessary jargon or unexplained terms - you may consider providing a glossary.

Documents

22 of 56

6. Tables

Always identify table headers. Avoid using invisible tables, nested tables or merged cells.

Documents

23 of 56

Make use of available

tools and technologies

Documents

24 of 56

Make use of

available tools

Accessibility checkers in Microsoft and Adobe

LMS Accessibility Tools

Colour Contrast Checkers and other browser extensions

File conversion tools

Documents

25 of 56

Media

26 of 56

Provide multiple options for accessing digital media

Media

27 of 56

1. Captions

Include closed captions for video content to improve accessibility

Media

28 of 56

2. Transcripts

Provide alternative formats for audio and video content.

Media

29 of 56

3. Alt Text

Short, concise text is necessary for all images, including graphs, infographics, etc. unless the image is decorative

Media

30 of 56

4. Thumbnails

Choosing a custom thumbnail can help provide consistency in your media and can help students find relevant material

Media

31 of 56

Live Delivery and Online Learning

Online Learning

32 of 56

Live E-learning

33 of 56

Offer accessibility options during live sessions and for recordings

Live E-learning

34 of 56

Live Captions

Enable closed captions for live sessions

1. Captions

Live E-learning

35 of 56

2. Spotlight

Use the spotlight to keep a participant video visible at all times

Live E-learning

36 of 56

3. Focus mode

Help to remove distractions for your students by enabling focus mode during live classes

Live E-learning

37 of 56

4. Recording transcript

Remember to review and edit your auto-generated recording transcripts to improve accuracy and clarity.

Live E-learning

38 of 56

5. Recording highlights

Mark important points of a lecture or create chapters.

Live E-learning

39 of 56

6. Audio-only recording

Provide audio-only recordings as an alternative to your video recording.

Live E-learning

40 of 56

Remember: Live E-learning

Remember

Enable accessibility features

Offer recordings of your live session (incl. audio only option)

Edit the transcript to improve comprehension

Use meaningful titles or offer summaries

Consider potential issues with common features

Live E-learning

41 of 56

The Online Environment

The Online Environment

42 of 56

Quick Activity 2

A look at on-demand course examples

A look at guided course examples

43 of 56

LMS / Online Environment

44 of 56

THRIVES Acronym

45 of 56

Guide students to the learning content

Canvas

46 of 56

1. Homepage

Canvas

A homepage can help to guide users and manage expectations

47 of 56

2. Syllabus

Canvas

A syllabus can help to provide module-specific information and focus attention to key details

48 of 56

3. Units

Canvas

Use headings and units to add structure and consistency. Update files to add meaningful titles.

49 of 56

4. Navigation

Canvas

Provide multiple ways of guiding users to the content. Remove any redundant links from the navigation.

50 of 56

5. Review content

Canvas

Make use of the tools available in your LMS to check accessibility and validate links

51 of 56

Foster a sense of community and support collaboration

Canvas

52 of 56

Groups

Canvas

Groups provide learners with a collaborative space to have conversations and share ideas

53 of 56

Remember: Online Environment

Canvas

Remember

Be mindful of common accessibility issues

Make use of available tools and technologies

Keep things simple in terms of layout and language

Ensure consistency in your environment

Remember to check the student view

54 of 56

Accessibility�Statements

55 of 56

What are accessibility statements and why do we need them?

Accessibility Statements

Accessibility statements improve the user experience.

Including an accessibility statement is good practice.

They tell your users how your Elearning or website is accessible and where it is lacking.

This can reduce frustration and save a user’s time trying to access certain elements.

56 of 56

What to include in an accessibility statement

Accessibility Statements

How is this resource accessible?

What parts are not accessible (give a reason if you can)?

How your users can access the inaccessible content (is there an alternative or can you offer a tool that would help).

Contact information to report any issues.