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.