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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://remui-docs.edwiser.org/accessibility-widget.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
