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

WCAG and accessible design – How to apply it in practice

Read story

BFSG: Who is affected?

Read story

How to create accessible PDFs: Simple & legally compliant

Read story
aria label written in a black box in the center, below on the right-hand side is a white arrow.

aria-label in HTML: How to use it correctly

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