Structuring Accessible Forms

Forms have a strong semantic structure from labeling controls to ensuring the states of controls are announced by assistive technology. We look at the basics...

You Really Don't Need All that JavaScript, I Promise • Stuart Langridge • GOTO 2019

This presentation was recorded at GOTO Copenhagen 2019. #GOTOcon #GOTOcphhttp://gotocph.comStuart Langridge - Member of the Web Standards Project's DOM Scrip...

Everyone has JavaScript, right?

How-to: Use the tabindex attribute - The A11Y Project

tabindex is a global attribute that allows an HTML element to receive focus. It needs a value of zero or a negative number in order to work in an accessible way.

The End of Front-End Development

Large language models like GPT-4 are becoming increasingly capable, at an alarming rate. Within a couple of years, we won't need developers any more! …Or at least, that's the narrative going viral on Twitter.

Progressive Web Apps (PWA) for Beginners

Welcome to PWA for Beginners! Join Beth Pan and her team in this spunky 4-chapter, 17-video tutorial that walks you through building your own Progressive Web...

The Great Gaslighting of the JavaScript Era

The age of frontend JavaScript frameworks eating the web world didn’t happen simply because some well-meaning developers found great DX. It happened because we were fed a line.

We Don’t Need .visually-hidden – Web Axe

Link + Disclosure Widget Navigation

Early in 2017 I filed an issue against WAI-ARIA Authoring Practices (APG) requesting a change to the menu navigation pattern. Despite a great deal of feedback in agreement, it languished.

Writing even more CSS with Accessibility in Mind, Part 2: Respecting user preferences

Users change browser or OS settings to improve their experiences for a reason. We should respect these decisions by writing CSS.

Issues · validator/validator

Nu Html Checker – Helps you catch problems in your HTML/CSS/SVG - Issues · validator/validator

HTML: A good basis for accessibility - Learn web development | MDN

You should now be well-versed in writing accessible HTML for most occasions. Our WAI-ARIA basics article will help to fill gaps in this knowledge, but this article has taken care of the basics.

100 Days Of More Or Less Modern CSS

A blog post about modern CSS every day for 100 days.

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.