Useful Sections for a Design System Reference Site
Modern CSS Techniques To Improve Legibility
[…] how we can improve websites legibility using some modern CSS techniques, great new technologies like variable fonts and putting into practise what we learned from doing scientific researches.
Accessibility
[…] I mean, I get it: you’re literally leaving money on the table if you turn people away. But that’s not the reason to ensure your website is accessible. The reason to ensure that your website is accessible is that it’s the right thing to do. […]
The Truth About Multiple H1 Tags in the HTML5 Era
Accessible to some - Manuel Matuzović
A Complete Guide to Links and Buttons
Our complete guide to links, buttons, and button-like inputs in HTML, CSS, and JavaScript.
The Myths of Color Contrast Accessibility
Enhancing The Clickable Area Size
Accessibility and web performance are not features, they’re the baseline
J, K, or How to choose keyboard shortcuts for web applications
UX Optimizations For Keyboard-Only And Assistive Technology Users — Smashing Magazine
Web Accessibility In Context — Smashing Magazine
Contrast
A macOS app for quick access to WCAG color contrast ratios → https://itunes.apple.com/de/app/contrast-color-accessibility/id1254981365?l=en&mt=12
WCAG 2.1 Primer
WCAG 2.1 is the standard used by EN 301 549, the European procurement rules, and you need to pass these success criteria to comply with the UK Public Sector Bodies (Websites and Mobile Applications) Accessibility Regulations 2018
Accessible Icon Buttons — Sara Soueidan – Freelance-Front-End UI/UX Developer
Icon Fonts vs SVGs - Which One Should You Use In 2018?
It's 2019! Let's End The Debate On Icon Fonts vs SVG Icons
Ten reasons we switched from an icon font to SVG - Ian Feather
SVGs FTW! Warum ihr keine Icon Fonts einsetzen solltet
Accessible Color Generator
Nutrition Cards for Accessible Components
A11Y Nutrition Cards is an attempt to digest and simplify the accessibility expectations when it comes to component authoring. Based on the WAI ARIA Authoring Practices Guide.
Building accessible websites and apps is a moral obligation
Color.review
Colors that look and work great for everyone
Accessible SVG Icons with Inline Sprites - 24 Accessibility
Colour Contrast Analyser (CCA)
The Colour Contrast Analyser (CCA) helps you determine the legibility of text and the contrast of visual elements, such as graphical controls and visual indicators.
Designing UI with Color Blind Users in Mind - Secret Stache Media
Software-Ergonomie – Wikipedia
»Im Bereich der Software-Ergonomie existieren formale Richtlinien für die Gestaltung von Bildschirmarbeitsplätzen, für die Darstellung von Informationen am Monitor sowie deren Manipulation durch Eingabegeräte. Diese Richtlinien sind in der Arbeitsstättenverordnung (ArbStättV) sowie in der Norm EN ISO 9241 festgehalten und sollten daher bei der Erstellung von Anwendungssoftware berücksichtigt werden.«
Barrierefreies Arbeiten am Computer – Wikipedia
Stiftung barrierefrei kommunizieren!
Schnelltest barrierefreie Webseite