Edwiser RemUI Theme For Moodle - Documentation
Edwiser RemUI Theme Documentation
Edwiser RemUI Theme For Moodle - Documentation
Edwiser RemUI Theme Documentation
  • 🚀Getting Started
    • Clone RemUI Demo
      • Requirements
      • Installation Steps Demo Cloner
      • Login
      • For Non-SQL User
    • Installation
      • Changing the theme to RemUI
      • Activating the license key
      • Enabling up page builder
    • Quick Start Guide
      • Basic Configuration
      • Customizing Your Theme
      • Import Demo Home Page
  • 🏠Site Home Page Setup
    • Set Page Builder & Enable Filter
    • Import Demo Home Page
    • Create Home Page
    • Customize Home Page Sections
    • Create Home Page For RemUI Starter
  • ⚙️RemUI Theme Setup
    • Basic Setting
    • Focus Mode Enhancements
    • Dark Mode
    • 🖌️Visual Personalizer (Colour Customization)
      • Global Settings
      • Custom CSS
    • Header
    • Footer
    • Login Page
    • Custom CSS
  • 📖Course Setup
    • Course Format
    • Course Settings
    • Course Filters and Sorting
    • Featured Courses Block
    • Enrolment Global Settings
    • View Enrolment Page
    • Edit Enrolment page
    • Adding custom fields
  • 📊Dashboard Page Setup
  • 🛠️Custom Page Creation
    • Create custom page
    • Customize the page
    • SEO optimzing the page
    • Saving and Publishing the Page
    • Manage custom pages
    • Edit Custom Page URL
  • Accessibility Widget
  • Site Sync
  • ⭐Course Rating & Review
  • Export block
  • 🔁Update Guide
  • 🧠Knowledge Base
Powered by GitBook
On this page
  • 1. Content Adjustments
  • 2. Color Adjustments
  • 3. Tools

Was this helpful?

Accessibility Widget

The Edwiser Accessibility Widget is designed to enhance the user experience by providing essential accessibility features that improve website readability and navigation.

PreviousEdit Custom Page URLNextSite Sync

Last updated 1 month ago

Was this helpful?

To open the widget click on the accessibility icon at the bottom right corner

Once clicked it will open the accessibility toolbox

1. Content Adjustments

The Content Adjustments feature allows users to modify how text and headings appear on the website, making the content more readable and visually accessible.

🅰 Adjust Font Size

  • Enables users to increase or decrease the font size of the website content.

  • Helps users with visual impairments or those who prefer larger text for better readability.

  • Ideal for users viewing the website on smaller screens or high-resolution devices where text may appear too small.

🔲 Highlight Title

  • This feature emphasizes titles and headings across the website.

  • Adds a border around titles and headings, making them stand out for easy identification.

  • Enhances navigation and improves the overall user experience by allowing users to quickly locate key sections and important information.

🔗 Highlight Links

  • Ensures clickable items like links, buttons, and interactive elements are easy to see.

  • Uses high-contrast colors to make navigation more accessible.

  • Enhances usability, especially for users with visual impairments.

🔤 Dyslexia Font

  • Enables a Dyslexia-Friendly Font to improve readability.

  • Provides a seamless reading experience for individuals with dyslexia.

  • Makes content more accessible and inclusive.

📏 Letter Spacing

  • Allows users to increase letter spacing for improved readability.

  • Customizable for users who prefer extra spacing between letters.

  • Enhances comfort and readability for a more enjoyable browsing experience.

📖 Line Height

  • Adjusts the line height between sentences to add extra space.

  • Creates a clearer separation between lines for easier reading.

  • Improves comprehension and readability for all users.

🔡 Font Weight

  • Offers the ability to bold text for improved readability.

  • Helps users who find standard text too light.

  • Highlights important information effectively.


2. Color Adjustments

The Color Adjustments feature helps users modify the color scheme to enhance visibility and readability.

🌙 Dark Contrast

  • Enables a dark background with light text for better readability.

  • Ideal for users who prefer darker themes or have light sensitivity.

☀ Light Contrast

  • Adjusts content to light background with dark text.

  • Provides a visually comfortable reading experience.

🎨 High Contrast

  • Enhances the contrast between text and background for better visibility.

  • Helps users with visual impairments distinguish content more clearly.

🔆 High Saturation

  • Increases color intensity for enhanced visual clarity.

  • Useful for users who need more vibrant colors to distinguish elements.

🔅 Low Saturation

  • Reduces color intensity for a softer visual experience.

  • Helps users who find bright colors overwhelming.

⚫ Monochrome

  • Converts the display into grayscale mode.

  • Helps users who have difficulty distinguishing colors.


3. Tools

The Tools section provides additional functionality to improve accessibility.

📖 Reading Guide

  • Helps users focus on specific lines while reading.

  • Useful for those with reading difficulties or visual impairments.

⛔ Stop Animations

  • Disables motion effects and animations on the website.

  • Helps users who are sensitive to motion or have vestibular disorders.

🖱 Big Cursor

  • Increases the cursor size for better visibility.

  • Helps users with difficulty locating the standard cursor.

click here
accessibility tool box