Website Accessibility Widget
The Website Accessibility allows users to adjust the content and color of their course pages. This adjustments will only be visible by these users and will not change course pages for other users.
The user can either make adjustments in the Content and Color tabs or choose a Profile, which will automatically set the website to suit their specific needs. Once satisfied with their results, Content Creators can save their adjustments in a personal profile for future use.
Accessing the Website Accessibility Widget
The Website Accessibility Widget can be accessed by clicking the Accessibility icon accessibility located on the web page you’re viewing. You can also click and drag the icon to adjust its position on your screen.
Website Accessibility Widget Profiles
On the summary tab standard profiles are provided with a predefined set of accessibility improvements. These can be adjusted after choosing. Below is a list of all the profiles found in the Profiles tab.
- Visually Impaired: Enhance the website visuals and increase the size of text and graphics.
- Motor Impaired: Choose to Pause Animations.
- Color Blind: Alter the color palette by setting High Contrast and Medium Saturation.
- Dyslexia: Focus attention on crucial sections of the website by activating Dyslexia Font and Pause Animations.
- Cognitive & Learning: Increase the size of text, create borders around titles, headings, and links, and activate the Reading Guide.
- ADHD: Reduce or eliminate distractions and enable the Reading Mask, which spotlights targeted areas of the website.
- Seizure & Epileptic: Eliminate blinking, flashing, or flickering visuals as well as certain color combinations.
Website Accessibility Widget Color and Content Adjustments
Color and Content Adjustments allow you to create a unique viewing experience suitable for your personal accessibility needs.
Within summary tab, five Color Adjustments are show, but you can find more features by clicking “see more” or navigation to the Color Adjustments tab. This feature offers the following features:
- Contrast: Choose to adjust the contrast of the website between dark, light, and high contrast.
- Saturation: Choose to adjust the saturation of the web page between low, medium, and high.
- Colour Blind Filters
- Text, Title, and Background Colors: Choose to adjust the color for your text, title, and background by selecting the desired colors and their opacity by clicking 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 its opacity by clicking the Gear icon.
Within the Home tab, Content Adjustments offer the following features:
Website Accessibility tab for Content Adjustment.
- Content Spacing: Choose to add light, moderate, or heavy horizontal spacing to your content. For more precise adjustments, select the Gear icon in the top-right corner of the feature to adjust horizontal spacing using a 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 to adjust font size using a slider.
- Line Height: Choose to 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 to adjust vertical spacing using a slider.
- Letter Spacing: Choose to 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 to adjust letter-spacing using a slider.
- Readable Fonts: Apply a different font to your website by choosing between Arial, Times, Tahoma, and Comic Sans fonts.
- Alignment: Select to align your text content to the left, right, or center.
- Cursor: Select to increase the size of your cursor.
- Hide Images: Select to hide all images on your web page.
- Pause Animations: Select to pause all animations on your web page.
- Reading Mask: Choose to focus on a specific area on the web page.
- Reading Guide: Choose to focus on a specific line on the web page.