Creating Accessible Videos in Panopto

Accessibility week –
Day 4

All learning resources we create should aim to be accessible as possible and this includes video content. For the purposes of this blog, we will be looking at video captioning in the Panopto (also know as Recap) system.

When discussing video content, we are referring to recordings that are provided to students for educations purposes (that is delivered via Canvas), for example lecture recordings, teaching presentations etc.  

Captioning in Panopto

The ReCap service (Panopto) provides the ability to add ASR (Automatic Speech Recognition) generated captions to your recordings. 

The University recognises that automatically generated captions are not 100% correct and have published a captions disclaimer for viewers. 

We recommend reviewing automatically generated captions and making light-touch edits before making them available. 

A short video guide on how to add captions to a Panopto recording can be found on the How to Add Automatic Captions to a Video page on the Panopto website.

Further Guidance on Captioning

For further guidance on captioning video content and FAQs, please visit Captions and Transcripts pages on the Learning and Teaching development website.

Creating Accessible Pages in Canvas

Accessibility week –
Day 3

This blog post outlines how to make Canvas pages accessible using the Rich Content Editor (RCE). Many of the techniques and tips are similar to those discussed in creating accessible documents.

The Rich Content Editor within Canvas is a powerful tool for create engaging content, blending text with multimedia resources. With a built-in accessibility checker, you can make some great content that not only looks good but is also accessible.

1. Text Headings

Use a hierarchy of headings such as Heading 2, Heading 3 and Heading 4. The heading options are limited in Canvas compared to other software, with the highest level of heading starting at Heading 2. Using headings allows easier navigation for all users, as well as allowing screen readers to identify and describe the structure of a document.

Guidance on how to change heading styles in the Canvas Rich Content Editor can be found in the Canvas Instructor Guidance: How do I add and modify text in the Rich Content Editor as an instructor?

2. Font and text

When selecting a font size use a minimum of font size 12 (which is the default font size setting in the Rich Content Editor in Canvas). For the main text of the page, use the Paragraph setting. It’s also best to keep your use of bold and italic text to a minimum

If lists are used in the page use bullet points for items that aren’t sequential or numbered lists for sequential items.

Guidance on how to change font styles and sizes in the Canvas Rich Content Editor can be found in the Canvas Instructor Guidance: How do I add and modify text in the Rich Content Editor as an instructor?

3. Colour and Contrast

When using colours in a Canvas page, do not use colour alone to convey meaning. If someone has a visual impairment, including colour blindness, the emphasis you’re trying to create by using colour will be lost.

Please also be mindful of the colour contrast. This means the colour contrast between background and foreground content should be great enough to ensure it is legible.

If you want to check your contrast settings, you can visit WebAIM’s Color Contrast Checker website.

Guidance on how to change font and background colours in the Canvas Rich Content Editor can be found in the Canvas Instructor Guidance: How do I add and modify text in the Rich Content Editor as an instructor?

4. Alternative Text (Alt text)

Always use alternative text (or ‘alt text’) to provide a meaningful description of an image. Alt text allows screen readers and text-to-speech tools to read aloud the content of an image to the user. 

Alt text should be clear and concise (1-2 sentences) and explain the relevant content of an image. Alt text is limited to 125 characters, so use that wisely and try to describe the key elements of the image.

If your graphic has text in it, this should be added to the alt text also.

If an image is there only for appearance, you can mark it as decorative.

Guidance on how to manage image alt text in the Canvas Rich Content Editor can be found in the Canvas Instructor Guidance: How do I manage alt text and display options for images embedded in the Rich Content Editor as an instructor?

5. Use Tables for Data – Never for Layout

Tables can be great for organising information. However, if used incorrectly, they can be difficult for people to navigate using assistive technologies.

If you add a table to your document, be sure to use it for data and not for layout or document design.

It’s important to ensure that your table has a header row that repeats itself when the table extends beyond a single page. When deciding on a structure for tables, remember they are read from left to right and top to bottom.

Guidance on how to create tables in the Canvas Rich Content Editor can be found in the Canvas Instructor Guidance: How do I insert a table using the Rich Content Editor as an instructor?

6. Hyperlinks

Use hyperlinks to describe where the link will take the user. It is recommended that you create descriptive text about where the URL will take the user so it can be easily read by a screen reader. For example, the “Semester 1 – Assignment Brief” details can be found in the Assignments section of Canvas, where “Semester 1 – Assignment Brief” is the hyperlink. Avoid using ‘click here’, ‘read more’ or ‘for more info’. Also avoid underlining text for emphasis, but rather use the bold function.

Guidance on how to create, edit and remove hyperlinks can be found in the following guides:

How do I create hyperlinks to external URLs in the Rich Content Editor as an instructor?

How do I create hyperlinks to course or group content in the Rich Content Editor as an instructor?

How do I edit and remove hyperlinks in the Rich Content Editor as an instructor?

7. Use an Accessibility Checker

Use the built-in accessibility checker in Canvas to identify any accessibility issues on a page. This tool can help identify any accessibility issues in your pages, ensuring they meet the necessary standards. They will guide you, step by step, on how to make your pages more accessible.

Guidance on how to use the Accessibility checker in the Rich Content Editor in Canvas can be found in the Canvas Instructor Guidance: How do I use the Accessibility Checker in the Rich Content Editor as an instructor?

Further Resources

For more information on accessibility please visit our webpages for Digital Accessibility and Universal Design.

Creating Accessible Presentations

Accessibility week –
Day 2

This blog post outlines how to make presentations (Microsoft PowerPoint) accessible. PowerPoint presentations are one of the most popular tools for learning and teaching – especially to accompany lectures.

But have you ever considered their accessibility?

In this article, we’re going to outline some tips on creating inclusive and engaging presentations in Microsoft PowerPoint. While some of the accessibility tips may seem familiar from working with text documents, we’ll also mention a few special tricks for your presentations.


Presentation Design Fundamentals

1. Slide Layout

Most slide layouts should include a slide title, this is usually at the top of the slide. These layouts also include one or more placeholder areas where you are able to add content like images and text to a slide.

Slide titles are treated as a heading in a screen reader and will be the first thing read on each slide. If a slide has a descriptive title, it will make it easier for screen reader users to understand the context the slide.

Make sure slides are read in the order you intend using the Reading Order Pane within Microsoft PowerPoint.

Tip: Use the built-in slide designs. They are accessible, contain placeholders in a correct reading order, and predefined formatting.

2. Headings and Sub-headings

Use a unique title for each slide heading as detailed in Slide Layout above. This provides structure and assists with navigation. Headings assist screen reader users and also help with ease of navigation for all users.

The font size for headings should be minimum 36pt. Sub-headings provide additional navigation when defining a move to a different point.

This is useful when trying to get more than one point across or signals a break/change for the reader.

3. Text and Font

As with text documents use a Sans Serif font. (e.g. Arial, Calibri) as they are more accessible. These fonts are well defined and regular in shape and size and display better on computers and mobile devices.  Most popular font styles, like Tahoma or Arial, are accessible; opt for the most popular fonts rather than decorative ones.

It’s also best to keep your use of bold and italic text to a minimum

Use a minimum point size of 24 for all slide text and don’t put too much text on slides.

4. Colour and Contrast

As with text documents, do not use colour alone to convey meaning. If someone has a visual impairment, including colour blindness, the emphasis you’re trying to create by using colour will be lost.

Additionally, when you use colours, please be mindful of the colour contrast. This means the colour contrast between background and foreground content should be great enough to ensure it is legible.

If you want to check contrast, you can visit WebAIM’s Color Contrast Checker website. (Links to an external site)

Tip: You can also go to View -> Grayscale to have a quick check whether the contrast is great enough.   The images below show the same presentation in the full-colour and grayscale view.

5. Hyperlinks

When linking to a page or document via a hyperlink, use the hyperlink text to describe where the link will take the user. It is recommended that you create descriptive text about where the URL will take the user so it can be easily read by a screen reader.

For example, if you link to additional resources in your slide, avoid using “read more” or “for more info”. Also avoid underlining text for emphasis, but rather use the bold function.

6. Alternative Text

If you include an image in your presentation, if that image is essential to the context for the slide, always use alternative text (or ‘alt text’). When doing this provide a meaningful description of an image. Alt text allows screen readers and text-to-speech tools to read aloud the content of an image to the user. 

Alt text should be clear and concise (1-2 sentences) and explain the relevant content of an image. Alt text is limited to 125 characters, so use that wisely and try to describe the key elements of the image.

If your graphic has text in it, this should be added to the alt text also. Alternatively, if the text is too long to fit in the alt text box (e.g. for charts, infographics), provide a text-only version on the slide.

If an image is there only for appearance, you can mark it as decorative. For example, In Microsoft PowerPoint, select the “Mark as decorative box” when the image is selected.

7. Tables – Use for Data not Never Layouts

Tables can be great for organising information. However, if used incorrectly, they can be difficult for people to navigate using assistive technologies.

If you add a table to your document, be sure to use it for data and not for layout or document design.

For design, use the dedicated layout templates (e.g. two columns, three columns).

8. Don’t go overboard with the animations

Animations can make your presentation more engaging and are an easy tool to illustrate processes. However, don’t use animations alone to convey meaning and keep in mind that some people can get vertigo or be sensitive to flashing or rapidly moving images.

9. Accessibility Checker

Use built-in accessibility checker in PowerPoint to identify any accessibility issues in the presentation.

These tools can help identify any accessibility issues in your documents, ensuring they meet the necessary standards. They will guide you, step by step, on how to make your document more accessible.

10. Captions and Transcripts for Video

If you add videos to your presentation, you also need to make sure it’s accessible. With video content it is likely that the audio and visual content are both key to the meaning and delivery of the message.

By adding captions/subtitles will make material accessible to hearing and visually impaired users. This is also useful for users that are unable to watch video with sound.

You can also add a link to transcript or include text-only version on your next slide.


Software Specific Guides

Microsoft PowerPoint

For specific guidance on how to make documents accessible in Microsoft PowerPoint visit the Good Practice Guide for Microsoft PowerPoint.


Further Resources

For more information on accessibility please visit our webpages for Digital Accessibility and Universal Design.

Creating Accessible Documents

Accessibility week – Day 2

In learning and teaching, it’s crucial to ensure that everyone can access and engage with the materials we share. In this post, we’ll guide you through the fundamentals of document design that apply to various platforms such as Microsoft Word, Adobe PDF, and even Canvas pages.

Document Design Fundamentals

There are some key points of accessible document design that are true across all platforms, be it Microsoft Word, Adobe PDF, and even Canvas pages.

1.      Text Headings

Use a hierarchy of headings such as:

  • Title
  • Heading 1
  • Heading 2
  • Heading 3 etc.

This enables ease of navigation for all users, as well as allowing screen readers to identify and describe the structure of a document.

2.      Font and text

Use a minimum of font size 12 and 1.5 line spacing for Microsoft Word documents. When using lists use bullet points for items that aren’t sequential or numbered lists for sequential items.

Use Sans Serif fonts (e.g. Arial, Calibri) as they are more accessible. These fonts are well defined and regular in shape and size and display better on computers and mobile devices. Most popular font styles, like Tahoma or Arial, are accessible; opt for the most popular fonts rather than decorative ones.

It’s also best to keep your use of bold and italic text to a minimum.

3.      Colour and Contrast

Do not use colour alone to convey meaning. If someone has a visual impairment, including colour blindness, the emphasis you’re trying to create by using colour will be lost. Additionally, when you use colours, please be mindful of the colour contrast. This means the colour contrast between background and foreground content should be great enough to ensure it is legible.

If you want to check if you contrast, you can visit WebAIM’s Color Contrast Checker website. (Links to an external site)

4.       Alternative Text (Alt text)

Always use alternative text (or ‘alt text’) to provide a meaningful description of an image. Alt text allows screen readers and text-to-speech tools to read aloud the content of an image to the user.  

Alt text should be clear and concise (1-2 sentences) and explain the relevant content of an image. Alt text is limited to 125 characters, so use that wisely and try to describe the key elements of the image.

If your graphic has text in it, this should be added to the alt text also.

If an image is there only for appearance, you can mark it as decorative. For example, In Microsoft Word, select the “Mark as decorative box” when the image is selected.

5.       Use Tables for Data – Never for Layout

Tables can be great for organising information. However, if used incorrectly, they can be difficult for people to navigate using assistive technologies.

If you add a table to your document, be sure to use it for data and not for layout or document design.

It’s important to ensure that your table has a header row that repeats itself when the table extends beyond a single page. When deciding on a structure for tables, remember they are read from left to right and top to bottom.

6.       Hyperlinks

Use hyperlinks to describe where the link will take the user. It is recommended that you create descriptive text about where the URL will take the user so it can be easily read by a screen reader. For example, the “Semester 1 – Assignment Brief” details can be found in the Assignments section of Canvas, where “Semester 1 – Assignment Brief” is the hyperlink. Avoid using ‘click here’, ‘read more’ or ‘for more info’. Also avoid underlining text for emphasis, but rather use the bold function.

For printed documents, it’s advised to use the full URL or you can use bit.ly or other link shortener if the hyperlink is very long

7.       Use an Accessibility Checker

Use built-in accessibility checkers to identify any accessibility issues in a document. Microsoft Office, Adobe Acrobat and Canvas all have built-in accessibility checkers. These tools can help identify any accessibility issues in your documents, ensuring they meet the necessary standards. They will guide you, step by step, on how to make your document more accessible.

Software Specific Guides

Microsoft Word

For specific guidance on how to make documents accessible in Microsoft Word visit the Good Practice Guide for Microsoft Word.

Portable Document Format (PDF)

For specific guidance on how to make documents accessible in Adobe PDF visit the Good Practice Guide for PDFs.

Conclusion

By implementing the strategies and recommendations outlined in this article, we can collectively make a significant impact on the accessibility of our documents, creating an inclusive environment for all students and educators.

Let’s get started!

Visit our blog tomorrow for more tips on digital accessibility.

Further Resources

For more information on accessibility please visit our webpages for Digital Accessibility and Universal Design.

Global Accessibility Awareness Day

Global Awareness Accessibility Awareness Day logo
Thursday 18 May 2023

What is Global Accessibility Awareness Day?

Global Accessibility Awareness Day (GAAD) is an international event intended to get everyone talking, thinking and learning about digital accessibility and inclusion. This year the event will be held on 18 May 2023, but in the run up to the big day, we’ll be posting tips and techniques to help you improve the accessibility of your own teaching materials.

Every user deserves a first-rate digital experience on the web. Someone with a disability must be able to experience web-based services, content and other digital products with the same successful outcome as those without disabilities. This awareness and commitment to inclusion is the goal of Global Accessibility Awareness Day, a global event that shines a light on digital access and inclusion for people with disabilities (from https://accessibility.day).

At Newcastle University, accessibility is about ensuring that things can be used by as many people as possible, working towards equality of opportunity. Our commitment to inclusion is underpinned by both the Equality Act and the more recent Public Sector Bodies (Websites and Mobile Applications) Accessibility Regulations.

This week

In a nutshell, it’s our collective responsibility to design out any barriers to engagement that may occur in our digital content, teaching materials, learning activities and assessments. Fortunately, it’s quite easy to do, and we have a range of resources, guides and tools to help.

To mark Global Accessibility Awareness Day, we will be posting a series of daily articles here on the LTDS blog covering a wide range of topics related to digital accessibility and inclusion:

Day 1 – An introduction to accessibility and inclusion
Day 2 – Creating accessible files (including PDFs, Word and PowerPoint)
Day 3 – Creating accessible pages in Canvas
Day 4 – Creating accessible videos in Panopto
Day 5 – Using Ally in Canvas

Can’t wait? Get a sneak peak of what’s coming this week on our new Digital Accessibility and Universal Design pages.

AI in Education: The Art of The Possible

26-30 June 2023

The art of the Possible AI in Education graphic

Artificial Intelligence is this year’s hot topic for our Art of the Possible week 26-30 June 2023. 

We will be offering a series of in-person, online and asynchronous opportunities to join the conversation, share ideas and reflect on the ways AI affects education.  

Save the time in your diaries to join in and hear from external speakers and colleagues, and to experiment with a range of AI tools.  

Schedule 

Monday 26 June 

  • Embracing the AI Landscape: Debbie Kemp from the University of Kent will open our week, sharing and reflecting on how she has incorporated AI in her teaching and assessment. 
    Online 10:00-10:45 
  • Introduction to AI: a one-hour overview from LTDS and FMS TEL colleagues.   
    In person 14:00-15:00 

Wednesday 28 June 

  • AI and Assessment: a one-hour session exploring the impact of AI on assessment.  
    In person 10:00-11:00 
  • Embracing AI @Newcastle: find out how colleagues at Newcastle University are embracing AI in their teaching and learning.  
    Online 14:00-15:00 

Thursday 29 June 

  • Hands on Explore AI Tools: Join us in the Herschel Learning lab to try out a range of AI tools. 
    In-person, bring your own device: 10:00-11:30 
  • Microsoft 365 and AI: Join the NUIT Digital Adoption team for an overview of what is currently possible, and what the future holds, for AI in Microsoft 365.  
    Online 14:00-15:00 

Friday 30 June 

Get involved 

We will be blogging over the week, gathering question, sharing comments and recordings on our Learning and Teaching Development Blog, so come back for updates.   

The Vice Chancellor’s Education Excellence Awards

The Vice-Chancellor’s Education Excellence Awards aim to raise the status of education at Newcastle University by rewarding individuals and teams who make a marked impact on the student educational experience.

The deadline for submission of applications is 12.00pm Wednesday 19 April 2023.

Categories and eligibility for award

The award is open to all members of staff at Newcastle, NUIS and NUMed, whose work enhances the student educational experience. In addition, applications are welcome from staff of associated employers with direct and substantive involvement in the delivery of the student experience at Newcastle (e.g. staff of INTO Newcastle University). Groups of colleagues who work closely together are invited to apply for the team award. 

Up to five awards will be made across the following two categories:

Category one: Individual award 

  • Individual members of staff (academic or professional) whose contribution to education at Newcastle is exceptional.

Category two: Team award

  • Teams of staff (either academic or professional services staff, or teams consisting of both) whose contribution to education at Newcastle is exceptional.

Documentation to support your application Documentation and guidance notes are available on the Learning and Teaching @ Newcastle website. Please contact ltds@ncl.ac.uk  if you have any questions.

Visualising programme level assessment

As part of our Assessment and Feedback Sprint Series. A small team of students and colleagues have been investigating the question: 

How do we articulate a meaningful programme experience that ensures a cohesive assessment journey for all of our students?

Feedback (Stage Surveys, NSS etc.,) tells us that students and colleagues struggle to see assessments from a programme perspective and this disconnection can lead students to feel like assessment isn’t part of a wider programme and that their skills/feedback don’t link across modules and assessments.  

Being able to visualise the assessment journey across a stage or programme is important because, as one colleague said,

“An assessment journey builds confidence in the education (and the education provider) and underscores the importance of each individual assessment towards an overarching goal. Articulation of assessment journeys allows for broader reflection and helps explain the skill development (rather than focussing on siloed, module specific content).”

An overview of some of the visuals we found from within Newcastle University and other HE Institutions are shown below. In summary, we found a range of approaches, often highlighting the ‘journey’ through the stage or programme, making it easier for students to reflect on progress. 

What have we created?

Using these findings, we created some template visuals which were then validated by colleagues and students along with feedback incorporated from our first showcase.

We decided to create a variety of templates to reflect diverse practices/skillsets across programmes and areas. Some are more suitable for Semester-based programmes and others for block-taught programmes. 

You can explore these yourself:

We started by looking at a standard linear stage one programme – V400 BA Archaeology. We initially had a large amount of text on the visual explaining each assessment and how it aligned to the wider programme learning objectives. However, it quickly began to look overwhelming.

We then started to explore using H5P as a way to keep the visual relatively simple but incorporate pop up boxes to make it more interactive and engaging. The version below has dummy text – click on the questionmarks to see how it would work.

We also considered how to visually represent a block-taught postgraduate programme and incorporated feedback from a Degree Programme Director (DPD) to represent larger-weighted modules with bigger circles. The DPD said this would be a useful tool for both staff and students including at recruitment and Induction events. 

The intention is that these editable templates will be useful for both students and programme teams to visualise assessment across a programme or stage. The visual could be produced as part of a workshop reviewing programme level assessment or could be a standalone tool designed to be student-facing. 

Find out more about our Sprint

We presented our Sprint adventures at the Sprint Showcase event on Friday 10 March, and you can watch the recording here:

To find out more about the Assessment and Feedback Sprint Programme contact Conny.Zelic@ncl.ac.uk in the Strategic Projects and Change Team.

New Inspera training offered

Inspera Assessment (the university system for centrally supported digital exams) is supported by the Learning and Teaching Development Service with a range of training options open to all staff. We now have a new training session aimed at Professional Service colleagues due to run on March 9 from 3-4pm. You can sign up via Elements.

This session will introduce the digital exam platform Inspera, and how to support an Inspera digital exam.

  • Introduction to Inspera
  • Creating an account
  • Reviewing crated questions and question sets
  • Basic functionality including randomisation and question choice options
  • Allow listing and adding resources
  • Checking the student view
  • Entering or amending question marks
  • Inspera Scan sheets

Who should attend?

This webinar is suitable for any professional services colleague supporting an Inspera digital exam.

New functionality for Inspera digital exams: question choice and marking rubrics

Inspera assessment is the University’s system for centrally supported digital exams. Inspera can be used for automatically marked exam questions, for manually marked question types including essays, or for exams with a combination of both.

New functionality has recently been launched that enables colleagues to do more with digital written exams.

Question choice for students

Candidate selected questions is used to give students taking your exam a choice of which questions to answer from a list.

For example in an exam where students need to answer 2 essay questions from a list of 6 questions, you can set this up so that a student can choose a maximum of 2 questions to answer.

How does it work for a student?

If candidate selected questions is used in an Inspera exam the student sees information above each question that shows how many questions to select in total, and how many they have already selected. To choose a question to answer they change the ‘Answering this question?’ drop down box to yes.

Screenshot showing student view of Inspera, with the option to choose whether to answer a question. Below the question title is some text which reads 'Answering this question? 0 of 2 questions selected.' There is a drop down box at the right of the text with the options 'Yes', 'No', 'Undecided' available to select.
Screenshot showing student view of Inspera, with the option to choose whether to answer a question.

If a student starts answering a question without changing the ‘Answering this question?’ drop down box, Inspera automatically changes it to ‘Yes’.

When they have selected the maximum number of questions, the student cannot start answering any more questions. However, if they change their mind about which question(s) they want to answer, they can simply change the ‘Answering this question?’ drop down to no, and select a different question instead.

How does it work for a marker?

A marker only sees answers to the questions that a student has chosen to answer.

As students can only submit answers for the maximum number of questions they are allowed to choose, this means you can say goodbye to the dilemma of trying to work out which questions to mark when a student has misread the instructions and answered too many questions!

How can I use it in my exam?

The Candidate selected questions function is available when you are authoring a question set for an Inspera digital exam. Find out more in the Inspera guide for Candidate selected questions.

Rubrics for marking

You can now create a rubric to use for marking any manually marked question type in Inspera. Rubrics allow you to build the assessment criteria for an exam question into Inspera, and use them in your marking.

Choose whether you want to use a quantitative rubric to calculate the mark for a question, or a qualitative rubric as an evaluation and feedback tool, and then manually assign the mark.

How to introduce a rubric for your exam

  1. When you are creating the exam question in Inspera, set up the rubric you want to use for marking that question. The Inspera guide to rubrics for question authors explains how to create a rubric and add it to your exam question.
  2. After the exam has taken place, use the rubric to mark the students’ answers.
  3. If you’ve chosen to use one of the quantitative rubric types, as you complete it the student’s mark for the question will automatically be calculated. If you’ve chosen a qualitative rubric, once you’ve completed the rubric use it to evaluate the student’s answer and help you decide on their mark for the question.
  4. You can choose to add feedback to the candidate in the box below the level of performance you’ve selected for each criterion (you can see an example of this in the image below).
Screenshot of the Grader view of a sample points-range rubric in Inspera.
Screenshot of the Grader view of a sample points-range rubric in Inspera

Want to learn more about using Inspera for digital exams?

Come along to a webinar to learn about creating exam questions or marking in Inspera.

Enroll onto the Inspera Guidance course in Canvas to learn about Inspera functionality at your own pace.

Find out about the process to prepare an Inspera digital exam, and how the Digital Assessment Service can help on the Inspera webpage.

Contact digital.exams@newcastle.ac.uk if you have questions or would like to discuss how you could use Inspera for a digital exam on your module.