🎉 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 web page and Eye-Able ,
encapsulates all stylesheets and nearly all HTML elements of Eye-Able in a
shadow DOM. As long as no functions are activated, the rest of the
HTML code of the web page is not changed.


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

Simple for all

Interest aroused? We will be happy to help you.

With over 25 functions for digital accessibility, Eye-Able also helps you to reduce your barriers in the long term. In this way, you make your information accessible to all and do not exclude any visitors - in short: you 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

More contributions

If it may be a little more: