CategoryAccessibility

July 7, 2022 — 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. Read more…

July 6, 2022 — Pricing pages can be complex and confusing. Let’s explore some design patterns, guidelines, real-life examples and best practices on how to design a better pricing page. Read more…

June 24, 2022 — Partially visually hidden link names may be good for people who use screen readers, but they can be problematic for those who rely on voice control software. Here’s a suggestion on how to solve this. Read more…

June 15, 2022 — In this article, we’ll see how to make our sites friendly for Windows High Contrast Mode by using a good set of practices, including the media query forced-colors and its toolset. Read more…

June 7, 2022 — Computer technologies have simplified the process of recording historical events, technological breakthroughs, contemporary art, and everyday life. However, the notion of digital archiving can be deceptive. Often our technical footprints are carved in sand rather than stone. Read more…

May 31, 2022 — In this episode of the Smashing Podcast, we ask why accessibility really matters and why it is so important to get it right. Smashing’s Vitaly Friedman talks in-depth to Sara Soueidan to find out. Read more…

May 26, 2022 — From working with design handoffs to supporting custom themes in a design system, the CSS color-contrast() function can become a cornerstone for developers by enforcing accessible UIs. Read more…

May 4, 2022 — How difficult can it be to design a bulletproof language selector? It’s not as straightforward as one might think. We need to avoid redirects, decouple our language and country presets, allow for overrides, and use non-modal windows. Let’s dive in! Read more…

April 13, 2022 — Carousels don’t have a good reputation, and rightfully so. But we can make them more useful. Best practices and guidelines to improve the carousel design with honest scrolling direction, labels, thumbnails and grouped prev/next-buttons. Read more…

April 4, 2022 — Ever wondered how to build a paginated list that works with and without JavaScript? In this article, Manuel explains how you can leverage the power of Progressive Enhancement and do just that with Eleventy and Alpine.js. Read more…