Written by Tobias Greiner on May 09, 2023

Shadow DOM and changes to the HTML DOM

Shadow DOM and changes to the HTML DOMFotograph of code on screen.

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.

Sebastian Fjeld

Sebastian Fjeld has been part of the team as a professional voiceover artist and copywriter at Eye-Able® since the beginning. He studied voice acting at a university and was trained by actors. Currently he is completing his education as an interpreter for various languages.

More contributions

If it may be a little more

Filter

Filter by category

Confirm your selection with the button at the end of the list after choosing the categories.

Reset filters

New: Eye-Able brings digital accessibility directly into the development environment

Read story

Accessibility starts in the design file: introducing the Eye-Able Figma plugin

Read story

Groundbreaking new AI-powered tests come to Eye-Able Audit

Read story

One year of the EAA: Where businesses still fall short

Read story

You need more informations?

Write to us and we will be happy to help you.

A man and a woman look at a monitor and laugh