Documenting everything through the journey of learning web accessibility.

[…] 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.

[…] 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. […]

Our complete guide to links, buttons, and button-like inputs in HTML, CSS, and JavaScript.

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 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

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.

Colors that look and work great for everyone

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.

»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.«