> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.consentmo.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Web Accessibility link - Header/Footer option

For the **Web accessibility** provided by Consentmo GDPR app, now you have the **option** to add this **as a link in your Header or Footer menu**s, instead of a widget. 

Below you can check the steps on how this can be done. 

* [How to set it?](https://support.consentmo.com/en/article/web-accessibility-link-headerfooter-option-1akojpi/?bust=1764841930243#1-how-to-set-it)

* [Customizing the link](https://support.consentmo.com/en/article/web-accessibility-link-headerfooter-option-1akojpi/?bust=1764841930243#1-customizing-the-link)

* [Video Guide](https://support.consentmo.com/en/article/web-accessibility-link-headerfooter-option-1akojpi/?bust=1764841930243#1-video-guide)

# How to set it?

1. Go to the **Web accessibility** tab

2. Open the **Design** section

3. In the **Accessibility widget style** section select the **Accessibility link** option 

4. In the **CSS selector** field, **add the selector** of the **element next to which** the accessibility link will be placed

You can get the correct CSS selector form the console of the browser by inspecting the element next to which the Accessibility link will be placed:

![](https://storage.crisp.chat/users/helpdesk/website/-/b/0/7/f/b07f7406951a4000/ada-next-to-element_11txkel.png)

5. Once you copy the correct CSS selector add it in the respective field 

![](https://storage.crisp.chat/users/helpdesk/website/-/b/0/7/f/b07f7406951a4000/ada-css-added_lbfoy.png)

6. Select the positioning of the link, and se if it should be **Before** or **After** the **element you added** in the CSS selector field

![](https://storage.crisp.chat/users/helpdesk/website/-/b/0/7/f/b07f7406951a4000/ada-link-before-after_63qriv.png)

7. In the next option you can also set the Text for the link as well:

![](https://storage.crisp.chat/users/helpdesk/website/-/b/0/7/f/b07f7406951a4000/ada-link-text_3mdfdk.png)

8. Once all of the above is set, Save the changes and navigate to your store front. In a clear browser check if the changes are applied correctly. 

* If for some reason **you need to have the link in another place** as well **or the Desktop and the Mobile view of the store selectors are different**, you have the option to **set a second selector** as well as shown below:

[![](https://gdprstorage.b-cdn.net/faq/gif/Adding-selector.gif)](https://gdprstorage.b-cdn.net/faq/gif/Adding-selector.gif)



# Customizing the link

If for some reason the link does not appear as per your preferences and **needs adjustments**, this can be done from the **Custom CSS option in the Advanced customization section** of the accessibility link:

![](https://storage.crisp.chat/users/helpdesk/website/-/b/0/7/f/b07f7406951a4000/ada-link-css-cutomizations_1x7u55f.png)

# Video guide

Here is also a brief **video guide explanation** on how this can be set:

${frame}[Adding Web Accessibility option as a link in your webpage Header or Footer - Consentmo GDPR 🌐](https://www.loom.com/embed/c9dfc5ffd661415ea2bfc532a362235a)

# Need help?

In case you need any assistance, please make sure to reach out to our support team via live chat or at [support@consentmo.com](mailto:support@consentmo.com)