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…
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…
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…
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…
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…
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…
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…
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…
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…
CSS Custom Properties can be used for far more than just color, and their values update in realtime, both via display mode updates and JavaScript logic. This is powerful stuff. Eric explains how modern CSS is a powerful piece of assistive technology that can thread into it to create flexible, maintainable and adaptive digital experiences.
Read more…