This guide outlines best practices for improving accessibility and inclusion in digital learning content. Below are key accessibility issues and suggested improvements.
Issue
Using the Panopto embed button includes excess code, causing screen readers to read and play the same video multiple times.
Improvement
Use the following HTML code to embed Panopto videos. Replace TITLE with the video title and Panopto video ID with the correct ID.
<div style="text-align: center;">
<div class="embed-responsive-wrap" style="max-width: 720px;">
<div class="embed-responsive-container" style="padding-bottom: 56.25%; max-height: 405px;">
<iframe title="TITLE" src="https://unisa.au.panopto.com/Panopto/Pages/Embed.aspx?id=XXX91ea4067-a473-4772-9680-aa630017e384XXXX&showTitle=false" style="width: 100%; height: auto; aspect-ratio: 720 / 405;" frameborder="0" allowfullscreen=""></iframe>
</div>
</div>
</div>
Issue
Panopto captions are not a replacement for full video transcripts.
Improvement
Create transcripts for videos and provide them as a Word file (.docx), not a PDF. Word files are preferable for accessibility.
It is recommended to use Notepad++ to create transcripts from Panopto captions instead of generative AI, as AI tools may alter the transcript content.
For more details, refer to Improving accessibility transcripts (pdf).
Issue
Screen readers read all hyperlinked text as a list, which can make unclear links confusing when read out of context.
Example: Contact us via the course email: We send important information about assessments to your UniSA email. Please check your UniSA email every 1-2 days or set up a re-direct.
The hyperlinked phrase "re-direct" alone does not make sense when read by a screen reader.
Improvement
Ensure hyperlinked text is meaningful on its own.
Example: Contact us via the course email: We send important information about assessments to your UniSA email address. Please check it every 1-2 days or re-direct your UniSA email.
This provides clarity even when read separately from the surrounding text.
Avoid using vague hyperlink text such as:
Instead, use descriptive links that indicate their purpose.
Issue
Improvement
Example: Grading criteria are often presented in a table format. Instead, using properly structured headings improves accessibility.
For guidance, refer to Improving accessibility grading criteria (pdf).
Issue
The accessibility of H5P activities varies depending on the type of activity used.
Improvement
Before using H5P activities, check their accessibility and if possible choose activities that are categorized as Usable with Best Practices.
A full accessibility guide can be found here: Check H5P Activity Accessibility.