Under-Engineered Select Menus

Others in this sorta-series: Under-Engineered Custom Radio Buttons and Checkboxen Under-Engineered Toggles Under-Engineered Toggles Too Under-Engineered Text Boxen I am still confounded how many developers and designers see a and immediately…

Russ Weakley / What makes an accessible date picker? Is it even possible? #id24 2023

You’ve seen them in the wild, maybe even audited them. The stuff of nightmares. But what makes a truly accessible date picker? This presentation will explore...

WebAIM: Four Reasons to Give WCAG AAA a Second Look

SpeedCurve | What is page bloat? And how is it hurting your business, your search rank, and your users?

Web pages are bigger than ever. Find out how this affects metrics like Core Web Vitals and what you can do to regain control of rampant page growth.

Modern Health, frameworks, performance, and harm

Performance, accessibility, and usability are more than just inconvenient truths you can pretend don’t exist. They have a direct impact on the quality of someone’s life…

Choose your loading indicator

A video from Webbed Briefs

The Cost Of JavaScript - 2023

As we build sites that are more heavily reliant on JavaScript, we sometimes pay for what we send down in ways that we can’t always easily see. In this talk, ...

WebAIM: The WebAIM Million - The 2023 report on the accessibility of the top 1,000,000 home pages

258928 – [GTK] Offset mouse cursor and jittery / stuttery dragging of the docked Web Inspector on Linux

Short note: The abbreviation appreciation society - TPGi

The HTML element is an incredibly common, but do you know how you can make it accessible? Find out how in this article.

A Deep Dive Into SVG Path Commands

An interactive guide to understanding SVG paths and path commands.

On the

The semantics you didn't know you needed.

Converting jQuery to vanilla JavaScript

Over the weekend, I read an article by Ari Stathopoulos about converting some old jQuery code to vanilla JS. Ari’s article was written back in 2019.

What Is ARIA Even For?

In this inaugural episode, I talk about some common pitfalls of using ARIA with the help of Ada Lovelace, a goat, and a dinosaur with a for a head. Thanks to everyone…

Source Order vs Display Order vs Keyboard Focus Order - AccessibilityOz

Bruce Lawson - IE: RIP or BRB?

Bruce Lawson's from State of the Browser 2022https://2022.stateofthebrowser.com/speaker/bruce-lawson/

How to Favicon in 2023: Six files that fit most needs—Martian Chronicles, Evil Martians’ team blog

Prefer SVG over PNG, trust browsers to downscale, drop obscure formats—the ultimate, exhaustive guide to favicons for modern web. Includes steps for static HTML and Webpack.

Using HTML landmark roles to improve accessibility | MDN Blog

Learn what HTML landmark roles are, how they improve accessibility, and how you can include them on your website effectively.

Start page - Access & Use

Adding captions and subtitles to HTML video - Developer guides | MDN

In other articles we looked at how to build a cross browser video player using the HTMLMediaElement and Window.fullScreen APIs, and also at how to style the player.

WebAIM: The WebAIM Million - The 2023 report on the accessibility of the top 1,000,000 home pages

Accessible Rich Internet Applications (WAI-ARIA) 1.1

Accessibility of web content requires semantic information about widgets, structures, and behaviors, in order to allow assistive technologies to convey appropriate information to persons with disabilities.

You Don't Need ARIA For That - HTMHell

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

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.

How-to: Use Firefox for accessibility testing - The A11Y Project

Firefox has become one of the best tools for accessibility audits. Let’s go over Firefox’s accessibility features that you can use today.

The problem with tooltips and what to do instead

Tooltips are not only hard to use, but they're normally totally unnecessary. Learn why that is and what you could do instead.

Overlay Fact Sheet

An open letter about accessibility overlays.

Meeting WCAG Level AAA - TetraLogical

Accessibility consultancy with a focus on inclusion. We can help you with knowledge, experience, strategy, assessments, and development.

What kind of ethics do front-end developers need?

Some ways of how, as front-end developers, we can apply ethics in our work.

WebAIM: Web Accessibility and SEO

Web Accessibility in Mind Conference: Home

The F-Word

Frontend podcast by Bruce Lawson and Vadim Makeev.

It's very likely that…

I repeatedly see certain bad practices in HTML that ironically contain clues for implementing them properly in their class names or in the way they're built. In this evergreen post, I collect them.

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.

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.

Defaulting on Single Page Applications (SPA)—zachleat.com

A post by Zach Leatherman (zachleat)