# Accessibility Widget

The widget provides enhanced keyboard navigation, semantic HTML and ARIA labeling, and compatibility with JAWS, NVDA, and VoiceOver - all designed to cater to the diverse needs of your audience.&#x20;

<figure><img src="https://1002571793-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7vhttY58BZbk962dpqY7%2Fuploads%2FFmzj5syOnc9tbxc28sE4%2FGroup%20427319443%201.jpg?alt=media&#x26;token=9a9cf77c-be7d-463d-8962-2d2b3ce413e8" alt="A screenshot of the Equally Accessibility Assistant. It features a language selection dropdown currently set to English (EN). In the top right corner are icons for &#x27;hide&#x27; and &#x27;close,&#x27; respectively. Below the language settings is a title that reads &#x27;Accessibility Assistant. Let&#x27;s Personalize Your Experience.&#x27; Below this is a search form labeled &#x27;Search Dictionary.&#x27; The main part of the interface is divided into two tabs: &#x27;Adjustments&#x27; and &#x27;Profiles,&#x27; with the &#x27;Adjustments&#x27; tab currently selected. Under the &#x27;Adjustments&#x27; tab, there are several options, each with a toggle switch: Vision, Cognitive, Seizure Safe, ADHD, and Dyslexia. Below these options is the &#x27;Accessibility Statement&#x27; link and a &#x27;Reset Settings&#x27; button. At the very bottom, there is a note saying &#x27;Powered by Equally AI" width="563"><figcaption><p>Equally AI accessibility assistance</p></figcaption></figure>

### Tailored Accessibility Profiles

Just a single line of JavaScript code transforms your website into a more inclusive platform. Read on to explore our robust set of accessibility profiles that ensure every visitor gets a tailored browsing experience.

{% tabs %}
{% tab title="Vision" %}
Make your website accessible to users with visual impairments such as low vision and color blindness. This profile enables a more user-friendly experience with options to adjust text size, color contrast and saturation.
{% endtab %}

{% tab title="Cognitive" %}
Improve concentration for users with cognitive impairments by helping them focus on the essential elements of your website. Help your web visitors reduce distractions and organize content in a way they can easily process and understand.
{% endtab %}

{% tab title="Seizure Safe" %}
Protect your website visitors from epileptic seizures by allowing them to disable animations and pause flashing content. This profile provides the necessary controls for users to create a safe browsing environment.
{% endtab %}

{% tab title="ADHD" %}
Enable a less distractive web experience for users with ADHD. Minimize visual noise, organize content effectively, and provide a calm and focused browsing environment to improve reading and concentration.
{% endtab %}

{% tab title="Dyslexia" %}
Allow dyslexic users to read and understand the content on your website with more ease. Our widget provides adjustments for text size, font style, and background color, making it easier for users with dyslexia to process and comprehend the text.
{% endtab %}
{% endtabs %}

### Customizable Adjustments

Our accessibility widget is not a one-size-fits-all solution. We understand that each user's needs and preferences are unique. That’s why we offer a wide range of customizable adjustments within each accessibility profile. Adjustment options available are:&#x20;

<figure><img src="https://1002571793-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7vhttY58BZbk962dpqY7%2Fuploads%2FKgmYE1PscXzSx6WIbRR8%2FGroup%20427319454.jpg?alt=media&#x26;token=36475be2-024b-41e0-89f7-19f2c386f810" alt="A screenshot of the Equally Accessibility Assistant. It features a language selection dropdown currently set to English (EN). In the top right corner are icons for &#x27;hide&#x27; and &#x27;close,&#x27; respectively. Below the language settings is a title that reads &#x27;Accessibility Assistant. Let&#x27;s Personalize Your Experience.&#x27; Below this is a search form labeled &#x27;Search Dictionary.&#x27; The main part of the interface is divided into two tabs: &#x27;Adjustments&#x27; and &#x27;Profiles,&#x27; with the &#x27;Profile&#x27; tab currently selected. Under the &#x27;Profile&#x27; tab, there are several options, each with a drop-down icon: Color, Content, and Navigation. Below these options is the &#x27;Accessibility Statement&#x27; link and a &#x27;Reset Settings&#x27; button. At the very bottom, there is a note saying &#x27;Powered by Equally AI" width="563"><figcaption><p>Equally AI accessibility assistant</p></figcaption></figure>

{% tabs %}
{% tab title="Color" %}
Enable users to customize their visual experience by adjusting contrast, saturation, text, background, and header colors. Adjustment options include:&#x20;

* Reverse contrast
* Brighten contrast
* Uncolored display
* Dark contrast
* High saturation
  {% endtab %}

{% tab title="Content" %}
Allow users to adjust how the site's content is presented to suit their preferences with options to:&#x20;

* Underline links and headers
* Adjust text size and spacing
* Select readable fonts
* Enable read mode
* Disable animations
* Choose dyslexia-friendly fonts
* Use a reading mask
  {% endtab %}

{% tab title="Navigation" %}
Provide easier navigation by allowing users to:

* Toggle on/off big cursor
* Adjust page structure and keyboard focus
* Enable zoom in/out functionality&#x20;
  {% endtab %}
  {% endtabs %}

***

### Take the next step to accessibility

In today's digital age, every user's experience matters. Don't just meet the minimum standards. Make your website accessible and user-friendly to all, including those with disabilities.

[**Start For Free - Activate Our Widget Now!**](https://equally.ai/signup)
