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

You Don't Need ARIA For That - HTMHell

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

Learn Eleventy From Scratch | Learn Eleventy From Scratch

Learn how to build a stunning website from scratch with this Eleventy course.

your poison | Sarah Higley

The omnibus guide to understanding and making select components and comboboxes

Responsive accessibility using visibility hidden | scottohara.me

Like it or not, even though content can be made to adapt to different viewport sizes and zoom levels by use of CSS media queries, sometimes the end result ca...