Shadow DOM Grundlagen

Das Shadow DOM ist eine versteckte Hierarchie innerhalb des DOMs der Hauptseite. Den Shadow DOM kennen wir eigentlich schon länger. Am offensichtlichsten zeigt er sich beim <iframe>, denn jedem ist klar, dass sich innerhalb dieses Tags das DOM der eingebeteten Seite befindet. Etwas weniger offensichtlich zeigt er sich beim <video>-Tag. man baut nur das <video>-Tag ein, jedoch gibt es automatisch auch Elemente für die Navigation, die ja auch Objekte sein müssen. Diese Tags sind alle vordefiniert und können nur verwendet werden, jedoch lässt sich ein Shadow DOM mit Hilfe von JavaScript auch selbst erzeugen und nutzen. (Prefixes derzeit noch nötig) Shadow DOM Grundlagen weiterlesen

Accessibility: Kontrast-Verhältnis Text- zu Hintergrundfarbe

Auf ihrer Website hat die Frontend-Entwicklerin Lea Verou heute ein neues Tool von sich vorgestellt: Contrast Ratio mit dem es einfach möglich ist das Kontrast-Verhältnis gegen die WCAG 2.0 Richtlinien zu testen. Accessibility: Kontrast-Verhältnis Text- zu Hintergrundfarbe weiterlesen