Barrierefreie Websites: Was man wissen muss! (Gesetze, WCAG, Tools & Tipps)

In this video you will learn everything about accessible websites, why they are important and which laws and guidelines you have to follow. I will show you practical tips and tools to make your website more inclusive! Links from the video: Guidelines: https://www.w3.org/WAI/standards-guid... Contrast Checker: https://webaim.org/resources/contrast... Typescale: https://typescale.com/ CLAMP CSS    • min(), max(), and clamp() are CSS magic!   WKO: https://www.wko.at/internetrecht/barr... DE Aktion Mensch: https://www.aktion-mensch.de/inklusio... Webflow Contrast Tool: https://webflow.com/updates/check-tex... Webflow Checklist: https://webflow.com/accessibility/che... 💭 Free Community - https://go.kolba.io/community - - What you can expect in this video 🚀 00:00 Introduction to accessible websites 01:30 Which law is it about? 03:15 Does the law affect me? 06:42 What does this look like in practice? 08:25 WCAG Guidelines 10:00 Tips for implementing tools 11:45 Tip 1 - Typography in rem instead of px 15:55 Wave tool for accessibility 17:11 Tip 2 - Contrast 18:27 Tip 3 - Alt text for images 20:29 Tip 4 - Using the website with the keyboard 23:10 Tip 5 - Simple texts 24:45 More tips - forms, videos, animations and exceptions. 29:19 Accessibility tool in the developer tools 30:40 Final thoughts _____________________________________________ If you are ready to work with me 🎨 My agency: https://go.kolba.io/agentur _____________________________________________ I use this equipment & things every day! https://www.amazon.de/shop/nikolauskolba *Affiliate link: There are no costs or disadvantages for you. Buying via this link generates a single-digit percentage commission. _____________________________________________ Other channels & social media of mine 🔔 Subscribe to the channel for more videos: https://go.kolba.io/ytabonnieren 🚀 All important links & social media profiles of mine: https://go.kolba.io/all _____________________________________________ This video contains advertising. #accessibility #websites #webdesign #wcag