> For the complete documentation index, see [llms.txt](https://remui-docs.edwiser.org/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://remui-docs.edwiser.org/accessibility-widget.md).

# Accessibility Widget

To open the widget click on the accessibility icon at the bottom right corner&#x20;

<figure><img src="/files/bde0DlIyvNkkV5yoFkC6" alt=""><figcaption><p>click here </p></figcaption></figure>

Once clicked it will open the accessibility toolbox&#x20;

<figure><img src="/files/ZCX4QM7wySdFofioRRGO" alt=""><figcaption><p>accessibility tool box </p></figcaption></figure>

### **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.
