Shadow DOM and changes to the HTML 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.