Geschrieben von Tobias Greiner am 09. Mai 2023

Shadow-DOM und Änderungen am HTML-DOM

Fotograph of code on screen.Um Wechselwirkungen zwischen dem Styling der Webseite und Eye-Able zu verhindern,
werden alle Stylesheets und nahezu alle HTML-Elemente von Eye-Able in einem
Shadow-DOM gekapselt. Solange keine Funktionen aktiviert werden, wird der restliche
HTML-Code der Webseite nicht verändert.


Bei der Aktivierung von Funktionen kann es unter anderem zu folgenden Änderungen
am HTML- bzw. CSS-Code der Seite kommen: Hinzufügen von CSS-Klassen/IDs, Inline-
Styles, Attributen und neuer Elemente. Alle Änderungen können durch ein Zurücksetzten
der Funktionen und Reload der Seite rückgängig gemacht werden.

Sebastian Fjeld

Sebastian Fjeld gehört als professioneller Sprecher und Texter von Anfang an zum Eye-Able®-Team. Er hat "voice acting" an einer Universität studiert und wurde von Schauspielern ausgebildet. Derzeit absolviert er eine Ausbildung zum Dolmetscher für verschiedene Sprachen.

Weitere Beiträge

Falls es etwas mehr sein darf

Filter

Filter nach Kategorie

Bestätigen Sie nach Auswahl der Kategorien Ihre Eingabe mit dem Button am Ende der Liste

Filter zurücksetzen
Button mit einem grünen Häkchen in der Mitte, im Hintergrund weitere Button mit "fail" und "pass" im Hintergrund

WCAG-Konformitätsstufen A, AA und AAA im Überblick 

Geschichte lesen
Banner mit WCAG 2.2 mit Icon für Barrierefreiheit und Formular im Hintergrund.

WCAG 2.2: Was gilt – und was kommt mit WCAG 3.0?

Geschichte lesen
Barrierefreiheits-Icon in der Mitte mit einer Checkliste daneben.

Barrierefreiheits-Test: So prüfen Sie Ihre Website richtig

Geschichte lesen
Links: Barrierefreies Design nach WCAG. Rechts: zwei Bilder mit guten und schlechtem Design.

Barrierefreies Design nach WCAG – So setzen Sie es praxisnah um

Geschichte lesen

Sie benötigen weitere Informationen?

Schreiben Sie uns und wir helfen Ihnen gerne weiter.

A man and a woman look at a monitor and laugh