Design

Die hier kurz vorgestellten Apps liegen dem Autor entweder als Testversion oder mit erworbener Lizenz vor. Das Hauptkriterium zur Auswahl war eine aktive Entwicklung der Programme.

Upload an image, mark the bit you need removed, download the fixed up image. Free to use. No signup required.

Markdown-based styleguide generator

Before color-contrast(), stylesheet authors needed to know accessible colors ahead of time. Often a palette would show black or white text on a color swatch, to indicate to a user of the color system which text color would be needed to properly contrast with that swatch.

If you are interested in design patterns, UX and lovely little websites, Vitaly has just launched a lil' Telegram channel for things like that: https://t.co/ku6qrqodV8 — happy joining :)— Smashing Magazine 🇺🇦 (@smashingmag) July 18, 2022

WP Accessibility fixes common accessibility issues in your WordPress site.

In this Make WordPress Accessibility Handbook you will learn what the best practices are for web accessibility, the many great accessibility tools, the testing we do to improve WordPress, themes, a…

Eine barrierefreie WordPress-Website zu erstellen ist einfacher als man denkt. Es sind nur wenige Regeln zu beachten, die wir euch hier erläutern.

Hey, designers and developers, does anyone use fractional font sizes in your designs?No? Read further to know how one simple trick can make your text look sharper, help with paddings, and perhaps even become an essential part of your design system.#ui #ux #uiux #typography pic.twitter.com/avSCmOCL7r— Roman Shamin 💙💛 (@romanshamin_en) July 12, 2022

Are you being tricked and overcharged by them too?

I had thought the old method of clearing through .clearfix:after { clear: both; content: ''; } long dead, but then I spotted it quite alive and even being taught to developers.

In this article, we will explore how an accessibility-first approach can lead you down the path of creating a better visual design for charts. Throughout the article, you’ll learn to use the Web Content Accessibility Standards and how this approach leadd to an unexpected yet better outcome for everyone.

There’s a common misconception that a designer’s work is done when all screens have been designed. When it happens, only half of the work…

Ever wondered how a screen reader user accesses the web?Follow @LeonieWatson and @brucel as they go exploring and share their findings from a range of websites for @smashingmag.https://t.co/y4HR20tIaG— TetraLogical (@TetraLogical) July 7, 2022

A small project debunking common accessibility myths.

WCAG 3 will use a new color contrast method called APCA (Advanced Perceptual Contrast Algorithm).It's a big improvement over the current system but there are a lot of changes to get your head around.🧵 pic.twitter.com/yLbujn3hG4— Dan Hollick 🇿🇦 (@DanHollick) December 9, 2021

Here you can find the three talks and the panel discussion from our Smashing Meets for All community event around web accessibility. Enjoy!

How can we make sure to design with accessible colors?

In our age of ubiquitous digital displays, adults often read in short, opportunistic interludes. In this context of Interlude Reading, we consider if manipulating font choice can improve adult readers’ reading outcomes. Our studies normalize font size by ...

Have you wondered how to anchor accessibility in an engineering team, one that isn’t yet producing accessible sites or apps? Some options to start with, for further refinement and discussion.

Web Accessibility is a must in every web development project, yet it seems to remain a mystery for many web developers. Like it's something legendary instead of an essential skill needed for the job. There are many misconceptions surrounding Web Accessibility, most of the time fueled by a lack of knowledge (or interest) in the matter. This article is a collection of some of those accessibility misconceptions or myths. :: Blog post at Alvaro Montoro's Personal Website.

Good accessibility programs include things that go above and beyond just compliance with the WCAG guidelines