{"id":1471,"date":"2018-10-01T17:06:15","date_gmt":"2018-10-01T15:06:15","guid":{"rendered":"http:\/\/evileu.de\/zum-schwarzen-pinguin\/?p=1471"},"modified":"2018-11-10T10:35:42","modified_gmt":"2018-11-10T09:35:42","slug":"das-kann-ich-einfacher-kontrastfarbe-berechnen","status":"publish","type":"post","link":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/2018\/10\/01\/das-kann-ich-einfacher-kontrastfarbe-berechnen\/","title":{"rendered":"Das kann ich einfacher: Kontrastfarbe berechnen"},"content":{"rendered":"<p>Heute war in The Whip (Ausgabe 759) ein Artikel dar\u00fcber, dass Lyft ihren ColorBox-Algorithmus zur Berechnung der optimalen Kontrastfarbe Open Source zur Verf\u00fcgung gestellt hat, hier mal der Link zum Artikel:<\/p>\n<blockquote class=\"wp-embedded-content\" data-secret=\"SgdjP54Kje\"><p><a href=\"https:\/\/wptavern.com\/lyft-open-sources-colorbox-algorithm-for-building-accessible-color-systems\">Lyft Open Sources ColorBox Algorithm for Building Accessible Color Systems<\/a><\/p><\/blockquote>\n<p><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" src=\"https:\/\/wptavern.com\/lyft-open-sources-colorbox-algorithm-for-building-accessible-color-systems\/embed#?secret=SgdjP54Kje\" data-secret=\"SgdjP54Kje\" width=\"600\" height=\"338\" title=\"&#8220;Lyft Open Sources ColorBox Algorithm for Building Accessible Color Systems&#8221; &#8212; WordPress Tavern\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe><\/p>\n<p>Ziel der Sache ist, schwarze oder wei\u00dfe Schrift auf farbigem Grund mit einem Farbkontrast darzustellen, der m\u00f6glichst gut lesbar und damit barrierefrei ist.<\/p>\n<p>Ich hab mir den Source auf Github nat\u00fcrlich gleich mal angesehen, schlie\u00dflich habe ich vor nicht allzulanger Zeit hier ein kleines Javascript vorgestellt (<a href=\"http:\/\/evileu.de\/zum-schwarzen-pinguin\/2018\/06\/25\/kontrastfarbe-automatisch-berechnen-mit-jqueryjavascript\/\">Kontrastfarbe<\/a>\u00a0automatisch berechnen) das genau diesen Zweck erf\u00fcllt. Was soll ich sagen, das Skript von Lyft ist recht eindrucksvoll und etliche Seiten lang. Ich mach das selbe, mit weniger als 80 Zeilen Sourcecode, und davon ist noch die H\u00e4lfte f\u00fcr die HTML-Ausgabe. Warum umst\u00e4ndlich, wenns auch einfach geht \ud83d\ude42<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Heute war in The Whip (Ausgabe 759) ein Artikel dar\u00fcber, dass Lyft ihren ColorBox-Algorithmus zur Berechnung der optimalen Kontrastfarbe Open Source zur Verf\u00fcgung gestellt hat, hier mal der Link zum Artikel: Lyft Open Sources ColorBox Algorithm for Building Accessible Color Systems Ziel der Sache ist, schwarze oder wei\u00dfe Schrift auf farbigem Grund mit einem Farbkontrast [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1,15,11,47,4,63,59],"tags":[],"_links":{"self":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts\/1471"}],"collection":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/comments?post=1471"}],"version-history":[{"count":3,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts\/1471\/revisions"}],"predecessor-version":[{"id":1474,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts\/1471\/revisions\/1474"}],"wp:attachment":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/media?parent=1471"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/categories?post=1471"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/tags?post=1471"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}