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)

Intro to HTML-first Frontend Frameworks - SitePen

HTML-first front-end frameworks can help you develop modern interactive web applications while keeping page load times low and responsiveness high.

Heydon Pickering: Please Disable JavaScript To View This Site

This one time, I made people turn off JavaScript in their browser to view my site's content. In this talk, you will discover all the different ways this deep...

Hidde de Vries - Shifting left, or: making accessibility easier by doing it earlier

Hidde de Vries' talk from State of the Browser 2022https://2022.stateofthebrowser.com/speaker/hidde-de-vries/

A Theory of Web Relativity - HTMHell

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

WebAIM: HTML Semantics and Accessibility Cheat Sheet

Making the GOV.UK Frontend typography scale more accessible

We believe in working in the open. This blog is for designers across government to share their projects, ideas and concepts, or just to think out loud.

Accessibility and MVPs

It's easier than you think.

Disabling a link | scottohara.me

With HTML alone there is no way to disable a hyperlink (an element), and have it be both exposed as a “link” and as “disabled”. Now, setting ...

The F-Word

Frontend podcast by Bruce Lawson and Vadim Makeev.

File Uploads for the Web (1): Upload Files with HTML

This is the first post in a series all about uploading files to the web. In this post, we cover the steps needed to upload files using only HTML.

PHP Market Share in [year]

PHP Market Share in 2023 PHP is the most used server-side programming language on the web. In fact, 79.

CSS-only Widgets Are Inaccessible

Usually. I originally titled this InacCSS-onlyible. I even made this typographically, er, distinct image. Then I realized it was silly and will instead use the neologism in a talk so I can hear the groans IRL.