03 Barrierefreies Webdesign - Farbe Kontrast скачать в хорошем качестве

03 Barrierefreies Webdesign - Farbe Kontrast

00:00 Intro 00:18 Luminanz berechnen 03:08 Schriftgrößen und Kontrastverhältnisse 03:55 Kontrastverhältnisse für alle UI-Elemente 04:59 Kontrastverhältnisse bei Text auf Bild 05:46 Add-ons für Designtools 06:18 Browerstools Farbe spielt im Deign Bereich ein große Rolle. Wir müssen im Hinblick auf Barrierefreiheit grundsätzlich den Farbkontrast beachten. Farbkontrast in der einfachsten Form bedeutet hier einfach der Kontrast zwischen Hintergrund und Vordergrund Also bei: Lesetexten Buttons Links Die von den WCAG-Richtlinien empfohlenen Kontrastwerte hängen davon ab ob eine AA oder AAA Einstufung erreicht werden soll. Für Text mit normaler Schriftstärke, der kleiner als 24 Pixel ist, erfordert die WCAG ein Kontrastverhältnis von mindestens 4,5:1. Für Text mit einer normalen Schriftstärke von 24 Pixeln und mehr oder Text mit fetter Schriftstärke von 19 Pixeln oder mehr erfordert die WCAG ein Kontrastverhältnis von mindestens 3:1. Ideal für Texte ist ein Kontrastverhältnis von 7:1 oder höher. Wie wird das Kontratsverhältnis berechnet? https://www.accessibility-developer-guide.... Kontrats prüfen https://coolors.co/contrast-checker/112a46... Add-ons/Plugins für Figma https://www.figma.com/blog/design-for-ever... Add-ons/Plugins für Adobe XD https://exchange.adobe.com/apps/cc/ce23db9...