So You Think You’ve Built a Good Infinite Scroll

So you’re saying there’s a chance … that I’ll make it to the footer. TL;DR (added 12 December 2020): Can the user hit “back” and return to the exact same place? Is there paging for when the JavaScript breaks? Does the page have a footer? Can a keyboa…

The Market for Lemons

New web services are being built to a self-defeatingly low UX and performance standard, and existing experiences are now pervasively re-developed on unspeakably slow, JS-taxed stacks.

Using CSS to Enforce Accessibility

The CSS3 logo as a head atop a torso with its arms folded across its chest. I am a big proponent of the First Rule of ARIA (don’t use ARIA). But ARIA brings a lot to the table that HTML does not, such as complex widgets and state information that…

Why I'm not the biggest fan of Single Page Applications

Sometimes it seems like accessibility experts and other web professionals hate JavaScript. This might be true for some, but most understand that JavaScript can be useful for improving UX and even accessibility.

Quick tip: Creating valid and accessible links - The A11Y Project

Links are used on almost every site on the web, however it is easy to create links that are not accessible to all.

Test Your Product on a Crappy Laptop | CSS-Tricks

There is a huge and ever-widening gap between the devices we use to make the web and the devices most people use to consume it. It’s also no secret

prefers-reduced-motion: Taking a no-motion-first approach to animations

Animations should be an enhancement, not critical to a user's understanding

The self-fulfilling prophecy of React

The only thing React is better at than other front-end frameworks is being popular. So how long will that self-perpetuating cycle continue?

The Internet is for Everyone - Internet Society

Given by Vint Cerf at Computers, Freedom, and Privacy on April 7, 1999. How easy to say – how hard to achieve! Where are we in achieving this noble objective? The Internet is in its 11th year of annual doubling since 1988.

WorldWideWeb, Part II • The Breakroom

The Mac and Web have a long history together. From the very beginning, Mac OS X included the ability to run an Apache web server by clicking a Start button: About a decade ago, things started to change.

C34: Using media queries to un-fixing sticky headers / footers | WAI | W3C

The State Of Usability In 2023 🎊 — Smashing Magazine

That’s how people behave on the web in 2023. Some observations from real usability testing on what people do and what they don’t do on the web. From disabled copy-paste to magic link sign-in.

Lighthouse accessibility scoring - Chrome Developers

Learn how Lighthouse generates the accessibility score for your page.

Overlapping interactive areas

When an interactive element like a button, link, and form field sits on top of another interactive element, accessibility (and usability) problems arise.

Progressively-enhanced dark mode - Darin Senneff

Recently, I added a dark mode setting to my website. Dark mode is a color theme feature that’s pretty common these days. Letting users adjust the color of…

You Don’t Need A UI Framework — Smashing Magazine

Developers often reach for UI frameworks like Bootstrap or Material UI, hoping that they’ll save a bunch of time and quickly build a professional-looking app. Unfortunately, things rarely work out this way. Let’s talk about it.

Common ARIA mistakes and how to avoid them

ARIA roles and attributes can make your website more accessible, if you know what you're doing.

Minimal Social Markup · Jens Oliver Meiert

Every website and app these days relies on so-called “social markup,” metadata for a richer and prettier display in social media and messaging tools. On the absolute minimum you may need.

Website Carbon Calculator v3 | How is your website impacting the planet?

The internet consumes a lot of electricity. 416.2TWh per year to be precise. To give you some perspective, that’s more than the entire United Kingdom.

Colorblind Accessibility Manifesto

One day we'll have a fully customisable select - HTMHell

A collection of bad practices in HTML, copied from real websites.

Common nesting issues in HTML - HTMHell

A collection of bad practices in HTML, copied from real websites.

Table Like It's 2023 - HTMHell

A collection of bad practices in HTML, copied from real websites.

Meaningful labels using ARIA – or not. - HTMHell

A collection of bad practices in HTML, copied from real websites.

Accessibility: the land that time to interactive forgot | Léonie Watson | performance.now() 2022

We tend to think of performance in terms of latency, code optimization, and things like the critical rendering path, but what happens when the browser create...

ICO Converter

Converts images to the ICO format for your websites or applications.

There can be only one: Options for building “choose one” fields - HTMHell

A collection of bad practices in HTML, copied from real websites.

Improving SEO without knowing where to start - HTMHell

A collection of bad practices in HTML, copied from real websites.

a2k | Retro UI Library

Is Progressive Enhancement Dead Yet?

A video from Webbed Briefs

4.3 Designing Chatbot Interface - Chatbot Accessibility Playbook

Upgrade Your HTML IV · Jens Oliver Meiert

HTML forms the heart of the Web. The beautiful thing is, HTML is easy to learn. Unfortunately, it’s difficult to master. In the Upgrade Your HTML series, I’m taking examples of HTML, discuss these examples, and make them a little better.

Reading the meter - HTMHell

A collection of bad practices in HTML, copied from real websites.

Building the main navigation for a website

This tutorial describes how to build an accessible main navigation of a website. You learn about semantic HTML, accessibility, and how using ARIA attributes can sometimes do more harm than good.

How to Find and Fix the Top 3 Accessibility Issues

Register for the 'How to Find and Fix the Top 3 Accessibility Issues' webinar.

WebAIM: HTML Semantics and Accessibility Cheat Sheet