Accessibility

Learn about four types of tests important for shipping more accessible features and assisting your users in successfully completing tasks.

A few days ago, after receiving yet another spam submission from the contact form on my portfolio website, I had an epiphany about how to implement a honeypot to block bots instead of a captcha (which nobody likes anyway). I posted about this on Twitter and user @markdeafmcquire asked how I did it. I just … Continue reading "Add an accessible honeypot field to your PHP form"

Let PowerPoint display your spoken words on-screen as you present with live captions, and even translate your words into another language with live subtitles.

The Department of Justice published guidance on web accessibility and the Americans with Disabilities Act (ADA).  It explains how state and local governments (entities covered by ADA Title II) and businesses open to the public (entities covered by ADA Title III) can make sure their websites are accessible to people with disabilities in line with the ADA’s requirements.

A collaboratively developed, universal content style guide, based on usability evidence. Created by Content Design London.

Get random, accessible color combinations

The alt attribute is used with img elements to provide descriptive text that can be read aloud by screen readers and other assistive technology. Today, I wanted to talk about what good alt text looks like, and some common mistakes I see people make. Let’s dig in! Example alt text For example, here’s a photo of a crab. img src="/imgs/edgar-the-crab.jpg" By default, a screen reader would announce, “/imgs/edgar-the-crab.jpg” for this image.

»– because not everyone is called Chad Pancreas

I'm a screen reader user. Let’s break down “a day in the life of Patrick” for you in the spirit of NDEAM. We'll explore a few of my user experiences & my hunt for accessibility statements.

We surveyed more than 1,260 Americans on how and why they use subtitles, to find out why their popularity is on the rise.

As automatic captioning on TikTok and creative audio descriptions on Netflix go mainstream, so does accessibility.

The California Court of Appeals has determined that some websites are not covered by the ADA. Here’s what that means for California businesses.

The Web Content Accessibility Guidelines (WCAG) apply to PDFs and other web-delivered documents. Here’s what content authors should know.

To author accessible PDFs, think about the needs and preferences of your readers. Here’s how to avoid several common PDF accessibility barriers.

The Accessibility Not-Checklist acts as a guide to make sure you haven’t missed anything. If you’re new to accessibility, the resource provides a foundation – it’s an overview of what you’ll need to consider, but it won’t teach you WCAG from front to back.

Generate colors based on a desired contrast ratio.

Color & Contrast is an interactive guide to color for designers.

When it comes to disability, a lot of ableist language and tropes are perpetuated by the media. Here's what experts have to say about how to talk about disability.

This document summarizes considerations of accessibility that arise in the conduct of remote and hybrid meetings. Such meetings are mediated, for some or all participants, by real-time communication software typically built upon Web technologies. Issues of software selection, and the roles of meeting hosts and participants in providing access are explained. Relevant W3C documents are referred to, where applicable, as sources of more detailed and in some instances normative guidance.

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

An up-to-date collection of accessible front-end components: accordions, form styles, dark mode, data charts, date pickers, form styles, navigation menu, modals, radio buttons, "skip" links, SVGs, tabs, tables, toggles and tooltips.

The Ad Hoc Accessibility Beyond Compliance Playbook

Meg Miller, lead designer, developer and accessibility specialist discussed how to productively write website alt text for photos.

Until recently there was no dedicated method in HTML to identify content as a subheading, subtitle, alternative title or tagline. Now there is.

In this article, we’ll see how to make our sites friendly for Windows High Contrast Mode by using a good set of practices, including the media query `forced-colors` and its toolset.

Programmers who are blind pioneered accessibility software.

With my pen hovering over a form, there is no easy answer: better to provoke stigma with support, or resist classification?

5 illustrations to evangelize accessibility: understand disabled people's needs, reach compliance levels, connect design decisions and needs, rules of the forms, design accessibility and innovation

Accessibility literacy must be a goal for any kind of sustainable, scalable accessibility program.

There seems to be a confusion about the relationship and how to test for the WCAG 2.1 Success Criteria 1.4.4 Resize Text and 1.4.10 Reflow. While these two success criteria seem related, they cover different use cases.