Introduction
The Yuja Panorama“Website Accessibility Widget” is accessed via the purple icon that sits on the side panel menu in Moodle.
...
The tool provides several options to adjust the colour and content of Moodle web pages and labels. This does not include files appearance of Moodle courses. Accessibility adjustments can be applied to Moodle menus, content labels and some resources created natively within Moodle (for example the Book resource) Adjustments cannot be applied to files created in third party applications, such as word documents and or slides that are uploaded to Moodle as . Instead, the Panorama alternative formats menu deals can be used to interact with these.
Both students and teachers can use the Website Accessibility Widget make adjustments in the “Content Color Adjustments” or “Color “Content Adjustments”tabs menus, or choose one of the “Accessibility Profiles” within the “Summary” menu which will automatically set the website apply a suggested profile to suit their specific needs.
| Info |
|---|
Once satisfied with |
...
the results, the user can save their adjustments for future use |
...
on that course by clicking the “Save” button at the button of the menu. To return settings to default, click the “Reset” button. |
...
Accessibility Profiles
...
menu
The “Accessibility Profiles” tab menu enhances the experience of users based on a predefined set of profiles. These include the following profiles: Mobile Visually Impaired, Motor Impaired, Color Blind, Dyslexia, Visually Impaired, Cognitive & Learning, ADHD and Seizure & Epileptic. When a profile is selected, different features suggested adjustments are provided made depending on the need. These are outlined Some information on these is provided below.
...
...
Visually Impaired: Enhance website visuals and increase the size of text and graphics.
Motor Impaired: Choose to Pause Animations Pause animations.
Color Blind: Alter the colour palette by setting High Contrast and Medium Saturationcontrast and saturation. Also includes filters for colour blindness.
Dyslexia: Focus attention on crucial sections of the website by activating Dyslexia Font and Pause Animations.
Visually Impaired: Enhance the website visuals and increase the size of text and graphics.
readable fonts and pausing animations.
Cognitive & Learning: Increase the size of textfont sizing, create borders outlines around titles, headings, and links, and activate the Reading Guidereading guide.
ADHD: Reduce or eliminate distractions Adjust website colour saturation,pause animations to reduce distraction, and enable the Reading Maskreading mask, which spotlights targeted areas of the website.
Seizure & Epileptic: Eliminate blinking, flashing, or flickering visuals as well as certain color combinations.
Content Adjustments tab
The “Content Adjustments” tab also has a predefined set of features. These are outlined below.
...
, adjust colour saturation.
Below the profiles is quick access to colour and content menus.
Color Adjustments menu
The “Color Adjustments” menu offers a range of features depending on user requirements.
...
Contrast: Adjusts the contrast of the website between dark, light, and high contrast.
Saturation: Adjusts the saturation of the webpage between low, medium, and high.
Color Blind Filters: Adjusts web content to improve accessibility for colour blindness.
Text, Title, and Background Colors: Adjusts the colour for text, title, and background by selecting from the available colours or click the three dots to adjust using the slider.
Highlight and/or Outline Titles, Links, and Buttons: Select to add highlights and outlines to your titles, links, and buttons by selecting from the available colour or click the three dots to adjust using the slider.
Content Adjustments menu
The “Content Adjustments” menu offers a range of features depending on user requirements.
...
Content Spacing: Choose to add light, moderate, or heavy horizontal spacing adjustments to your content. For more precise adjustments, select the Gear icon in the top-right corner of the feature the three dots on the right of the menu to adjust horizontal spacing using a the slider.
Font Sizing: Adjust font-sizing on your website by selecting to apply small, medium, or large font sizes. For more precise adjustments, select the Gear icon in the top-right corner of the feature the three dots on the right of the menu to adjust font size using a the slider.
Line Height: Choose to add Add vertical spacing to your content by selecting one of the three levels of adjustments. For more precise adjustments, select the Gear icon in the top-right corner of the feature the three dots on the right of the menu to adjust vertical spacing using a the slider.
Letter Spacing: Choose to add Add light, moderate, or heavy letter spacing to your content. For more precise adjustments, select the Gear icon in the top-right corner of the feature the three dots on the right of the menu to adjust letter spacing using a the slider.
Readable Fonts: Apply a different font to your website by selecting between Arial, Times, Tahoma, and Comic Sans and Open Dyslexic fonts.
Alignment: Select to align your text content to the left, right, or center.
Cursor: Select to increase Increase the size of your the cursor.
Hide Images: Select to hide Hide all images on your the webpage.
Pause Animations: Select to pause all animations on your the webpage.
Reading Mask: Choose to focus Focus on a specific area on the webpage using an adjustable mask.
Reading Guide: Choose to focus Focus on a specific line on the webpage .
Color Adjustments tab
The “Color Adjustments” tab offers a range of features depending on requirements. These are outlined below.
...
Contrast: Choose to adjust the contrast of the website between dark, light, and high contrast.
Saturation: Choose to adjust the saturation of the webpage between low, medium, and high.
Monochrome: Select to remove all colors from the webpage.
Text, Title, and Background Colors: Choose to adjust the color for your text, title, and background by selecting the desired colors and their opacity from the Gear icon.
Highlight and/or Outline Titles, Links, and Buttons: Select to add highlights and outlines to your titles, links, and buttons by selecting your desired color and it's opacity from the Gear iconwhilst reading.