Blog

29/10/2025

WCAG 3.0 Proposed Scoring Model: Changes in Accessibility Evaluation

WCAG is evolving. Since 1999, the Web Content Accessibility Guidelines (WCAG) have defined accessibility through a binary model: a success criterion is either passed or failed. But real user experience is rarely that simple. WCAG 3.0 rethinks this model — prioritising usability over compliance and shifting the focus from the mere presence of features to the quality of access. Could this be the beginning of a new era in accessibility?

21/10/2025

Beyond the Hype: What AI Can Actually Bring to Product Design

Artificial intelligence (AI) tools are improving rapidly, but it is still unclear how to integrate them into a real product design workflow. We look at four key stages — from analysis and ideation to prototyping and visual design — and use real examples to show where AI fits, and where it does not.

17/10/2025

How to Reduce Your Website’s Environmental Impact

As responsible digital professionals, we are becoming increasingly aware of the environmental impact of our work and need to find effective, pragmatic ways to reduce it. We introduce a new decarbonisation method that will help reduce your website’s environmental impact while benefiting people, profit, purpose, performance, and the planet.

7/10/2025

Designing for Neurodiversity

Designing for neurodiversity means recognising that people are not edge cases, but individuals with different ways of thinking and navigating the web. So how can we create more inclusive experiences that work better for everyone?

1/10/2025

What Does It Really Mean for a Website to Be Keyboard Accessible?

Keyboard navigation is a vital part of accessible web design, and a detailed approach is essential. By prioritising keyboard navigation, you prioritise the user experience of a diverse audience, expanding your reach while creating a more inclusive online environment.

26/9/2025

Inclusive Dark Mode: Creating Accessible Dark Themes for All Users

Dark mode is not just a fashionable aesthetic. It is a gateway to more inclusive digital experiences, but only when designed thoughtfully. While its sleek look and reduced eye strain appeal to many, poorly implemented dark themes can exclude users with visual impairments by causing readability issues such as blurred text or overly harsh contrast. Learn how to create dark modes that do more than look good — they work for everyone, from light-sensitive users to machine learning algorithms. Understand why customisation and adaptability can turn dark mode from a design trend into a universally empowering tool.

15/9/2025

The Importance of Graceful Degradation in Accessible Interface Design

Few things frustrate users more than an unresponsive website. Unfortunately, it is also an all-too-common scenario. Many websites and apps depend on so many elements that any one of many possible errors can bring the whole system down. Although these cases may be common, they can be avoided by applying graceful degradation.

10/9/2025

How a Bottom-Up Design Method Improves Website Accessibility

The importance of accessible website design cannot be overstated. At the same time, a bottom-up philosophy is highly important in modern website creation. A detail-oriented approach makes it easier to serve a more diverse audience on multiple fronts. By taking advantage of this opportunity, you will not only reach new niches but also make the internet a fairer place.

5/9/2025

Let’s Clarify the Minimum WCAG-Compliant Size for Interactive Elements

WCAG provides guidance on making interactive elements more accessible by specifying minimum size requirements. In fact, these requirements are described in two success criteria: 2.5.5 and 2.5.8. Even so, WCAG requirements can be difficult to implement because of many misconceptions. In this article, Eric Bailey discusses the nuances of interactive element sizes and explains how to create accessible interactive experiences using WCAG-compliant target sizes.

26/8/2025

A Practical Guide to Designing for People with Color Blindness

Color accessibility is more than checking boxes. Even with good contrast, some color palettes can make interfaces difficult to use. Here are some practical guidelines for ensuring more inclusive design for people with color blindness. Part of the upcoming “Smart Interface Design Patterns” series.

20/8/2025

Mobile Accessibility Barriers for Assistive Technology Users

Accessibility is more than just product usability. It can significantly affect the quality of life of people with disabilities. Kate Kalcevich shares lessons learned from assistive technology users about the challenges and barriers they face on mobile devices.

15/8/2025

How Accessibility Standards Can Inspire Better Visual Design for Charts

Accessibility in data visualizations involves much more than web standards, especially if you are trying to create a genuinely useful experience. Over the past three years, Kent’s working group at Google has explored methods for creating useful and accessible visualizations that go well beyond simple compliance. In discussions with designers across the industry, two specific requirements kept coming up: accessible chart colors and dual encoding, meaning not relying on color alone to communicate information. This article focuses on WCAG 2.1 standards and covers many methods for using accessibility standards to create better, more accessible visual design.

5/8/2025

Practical Guide to Designing for Children

How to design for children aged 3 to 12, with insights into user behavior, parent expectations, and practical UX guidelines.

30/7/2025

Guide to Designing for Older Adults

There are one billion people in the world aged 60 or older, so inclusion matters more than ever. Learn how to design digital experiences that give older adults a sense of autonomy and competence while improving usability for everyone. An upcoming part of “Smart Interface Design Patterns.”

22/7/2025

From Prompt to Partner: Building a Custom AI Assistant

What if your best AI prompts did not disappear into your messy chat history, but came back tomorrow as a reliable assistant? In this article, you will learn how to turn one-off “aha” prompts into reusable assistants tailored to your audience, grounded in your knowledge, and consistent every time — saving you and your team the time spent rewriting the same 448-word prompt. No coding, just design — and by the end, you will have a custom AI assistant that can extend your team.

17/7/2025

From Data to Decisions: UX Strategies for Real-Time Dashboards

Real-time dashboards are decision-making assistants, not passive displays. In fields like fleet management, healthcare, and operations, the cost of delay or error is high. Karan Rawal explores strategic UX patterns that shorten decision time, reduce cognitive load, and make real-time systems trustworthy.

9/7/2025

Helpers for Preparing for a UX Job Interview

Interview topics. Smart questions. A compelling story. This guide will help you prepare for a UX job interview. And remember: no act of kindness, no matter how small, is ever wasted.

1/7/2025

Integrating CSS Cascade Layers Into an Existing Project

The idea is to share a detailed, unfiltered overview of how to integrate CSS Cascade Layers into an existing legacy codebase. In practice, that means refactoring existing CSS with cascade layers without breaking anything.

23/6/2025

CSS Intelligence: Speculations on the Future of a Smarter Language

CSS has evolved from a purely presentational language into one with growing logical capabilities thanks to features like container queries, relational pseudo-classes, and the if() function. Is it still just for styling, or is it becoming something more? Gabriel Shoyombo explores how smart CSS has become over the years, where it is heading, what problems it solves, whether it is becoming too complex, and how developers are responding to this shift.

19/6/2025

Decoding the SVG path Element: Curve and Arc Commands

Continuing her mission to teach you how to code vectors by hand, Myriam Frisano’s second deep dive into the path element explores the most complex aspects of SVG’s most powerful element. She will help you understand the basic rules and features behind how curves and arcs are constructed. By the end of this article, your toolkit will be ready for all types of drawing-with-code tasks — even when some lines twist and turn.

10/6/2025

The Power of the Intl API: A Complete Guide to Built-In Browser Internationalization

Internationalization is not just translation. It is formatting dates, pluralizing words, sorting names, and much more — all according to specific locales. Instead of relying on heavy third-party libraries, modern JavaScript offers the Intl API: a powerful, built-in way to handle i18n. A quiet reminder that the web is truly global.

3/6/2025

Managing JavaScript Event Listeners with Parameters

Event listeners are essential for interactivity in JavaScript, but they can quietly cause memory leaks if not removed properly. And what if your event listener needs parameters? That is where things get interesting. Amejimaobari Ollornwi shares which JavaScript features make it possible to manage parameters with event handlers and are well supported.

29/5/2025

Building a “Moving Highlight” Navigation Bar with JavaScript and CSS

In this tutorial, Blake Lundquist walks us through two ways to create a “moving highlight” navigation pattern using only vanilla JavaScript and CSS. The first method uses getBoundingClientRect to explicitly animate a border between navbar items when they are clicked. The second method achieves the same functionality using the new View Transition API.

19/5/2025

How to Fix Largest Contentful Paint (LCP) Issues Using Subpart Analysis

Struggling to improve a slow Largest Contentful Paint (LCP)? Google’s recently introduced LCP subparts help pinpoint where page-loading delays come from. Now available in the Chrome User Experience Report (CrUX), this data gives real visitor insights into how to speed up your site and improve rankings. Matt Zeunert explains in detail what LCP subparts are, what they mean for your site speed, and how you can measure them.

15/5/2025

Time to First Byte: More Than Server Response Time

Web performance optimization means looking deeper than surface-level metrics. Time to First Byte (TTFB) is crucial, but improving it takes more than simply adjusting server response time. Matt Zeunert explains in detail what TTFB is, what causes a poor score, and why reducing server response time alone is not enough for optimization and often will not be the most impactful change you can make to your website.

9/5/2025

“Tight” Mode: Why Browsers Show Different Performance Results

We know browsers do all sorts of things under the hood. One of those things is how they not only fetch resources, such as images and scripts, from the server, but also how they prioritize those resources. Chrome and Safari have implemented “Tight” mode, which limits which resources are loaded and in what order, but each browser handles it drastically differently. Since there is very little information about “Tight” mode, this article attempts to explain at a high level what it is, what triggers it, and how it is treated differently across major browsers.

1/5/2025

Fewer Ideas: An Unconventional Approach to Creativity

Remember your last team brainstorm, where you had to generate a long list of brilliant ideas? How many of those ideas actually took hold? Did leadership act on any of them? In this article, Eric Olive questions the value of exercises like brainstorming and explores more effective methods for encouraging creativity in order to improve design and user experience.

22/4/2025

How to Launch Large, Complex Projects

When was the last time your project ended smoothly — without delays, surprises, or last-minute compromises? In reality, most UX projects go off course as timelines slip, budgets stretch, and features change. How can we better navigate the chaos? An upcoming part of our series “How to Measure UX and Design Impact.”