🎉 New tool: Simple language. Click the button and try it out live

Shadow DOM and changes to the HTML DOM

Symbol image for code on the computer

Share post:

Interactions of Eye-Able with the website and the use of a shadow DOM
Symbol image for code on the computer

Shadow DOM and changes to the HTML DOM

Share this post:

Symbol image for code on the computer
Interactions of Eye-Able with the website and the use of a shadow DOM

To prevent interactions between the styling of the website and Eye-Able,
all stylesheets and almost all HTML elements of Eye-Able are encapsulated in a
shadow DOM. As long as no functions are activated, the remaining
HTML code of the website is not changed.


When activating functions, the following changes
may be made to the HTML or CSS code of the page: Addition of CSS classes/IDs, inline
styles, attributes and new elements. All changes can be undone by resetting
the functions and reloading the page.

Easy for everyone

Are you interested? We will be happy to help you.

With over 25 functions relating to digital accessibility, Eye-Able also helps you to reduce your barriers in the long term. You can make your information accessible to everyone and not exclude any visitors - in short: you can tap into a new target group without high marketing volumes.

Icon shows accessibility figure

Consultation

Non-binding consultation on digital accessibility in general

Icon shows accessibility figure

Analysis

Discussion of possible optimization potential on your website

Icon shows accessibility figure

Live demo

Presentation of the assistance software directly on your website

Further contributions

If you want a little more: