Accessibility

Another post where I lay it all out in the title. What follows is why I am making this assertion (with a handy table of contents). Timeline 26 May 2022 at 10:58am ET 26 May 2022 at 7:56pm ET 27 May 2022 at 7:38pm ET 28 May 2022 at 5:04pm…

Starting today, viewers can access ASL as an option when viewing Scott Lang’s first adventure in the MCU.

After a car crash, Morgan knew she was exactly the same person – she just couldn’t walk. But she had to convince everyone else. She explains how she became a forthright campaigner and a successful TV presenter

By Stefano Baldan

How to enable full keyboard support in browsers on macOS.

Some of the components I've explored here have specific standardized requirements in order to work as expected. Tab interfaces, for example, have a prescribed structure and a set of interaction behaviors as mandated by the WAI-ARIA specification. It's at your discretion how closely you follow these requirements. Research may show

The legal framework gives us permission to dream what is possible. Lizzie Kiama (Kenya) at Microsoft Ability Summit 2021 Welcome to LFLegal's Digital Accessibility Global Law and Policy page. The content of this page illustrates two things I often say: Accessibility is global The global acc

Calendar controls, date pickers, date widgets, whatever you call them, however they are described, they follow the same basic principle — present the user with a calendar to enter a date (and sometimes a time). Chris Blakeley, CC BY-NC-ND 2.0 The native implementations come from browsers when authors use input…

Frontend developers have to consider many things: browser compatibility, usability, performance, scalability, SEO, and other best practices. But the most fundamental aspect of creating websites is one that often falls … - Selection from Web Accessibility Cookbook [Book]

Do you use screenshots when loggin issues? They can really help to clarify problem areas. Ian Lloyd provides pointers on what makes a useful screenshot.

A deep dive into the semantics, behaviours and characteristics of some of the most common user interface elements of websites today.

When many devs, testers, and authors first start listening to content through a screen reader, they are surprised to hear dates, pricing, names, abbreviations, acronyms, etc. announced differently than they expect. With the best of intentions (or branding panic) they may seek to force screen readers to announce content as…

Better UX through better HTML: inputmode, enterkeyhint, and autocomplete.

This article shows how Jakob Nielsen's 10 Usability Heuristics align with the Web Content Accessibility Guidelines (WCAG).

As the world’s leading expert on a people-first approach to computer vision, I am dedicated to providing insights that enable designers, developers, and copywriters to create accessible images at the highest possible velocity. A velocity so high, in fact, you can almost hear the point whistling over their head, like…

Using AI as a replacement for interviewing actual users is a brilliant idea if you want to look like you made an effort, but are really looking to fill the page with superficial, stereotyped bullshit.

📄 Download the PDF Cheat Sheet: https://pmty.pe/color-contrast Don’t make my mistake – Learn what’s crucial and required about color contrast for text and UI components for your next design project. 💌 Subscribe to the weekly Font Friday Newsletter: https://pmty.pe/newsletter 💡 Typography Coaching Call https://pmty.pe/coaching-call 🎥 Eric Egger’s YouTube Channel: @yatil Chapters: 0:00 Intro 1:18 Why web accessibility? 2:50 Color contrast for text 3:57 Color contrast for UI components 5:03 1 Add a border 6:03 2 Add additional signifiers 6:37 3 Consider the context 7:42 YouTube filters pass accessibility 8:44 YouTube search box fails 9:09 Action steps with color contrast #accessibility #webdesign #typography

Learn how to do manual testing with a keyboard, screen reader, and zoom testing.

A consideration on how to sell accessibility services

Pro tip: when you meet a colorblind person, don’t repeatedly point to things and ask what color they are.

Der ICE 4 der Deutschen Bahn besticht durch ein technisch besonders ausgefeiltes kaum wahrnehmes Design des Rollstuhllifts. Die Bedienung gehört jedoch mit zu den komplexesten im Bereich der Mobilität – mit entsprechenden Nachteilen. Fahrgäste, die den Lift brauchen, sollten ein Training haben.

A beginner's guide to digital accessibility.

First, a very important qualifier — this does not represent how Braille display users experience the web. All this post does is show how to enable the Braille display emulators in JAWS and VoiceOver. This can be handy when testing issues reported by users and you do not have a…

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. Interactive widgets powered with only CSS are relatively common as people are playing with…

In order to make my website’s keyboard focus outlines pretty in Safari, I inadvertently broke things for people who use Windows High Contrast Mode.

This post is about exposing field errors programmatically. I have already shared some opinions (such as a caution about displaying messages below fields or avoiding default browser field validation), but this post dives into using ARIA to convey them to screen reader users. With fields that produce error messages on…

At an emojis best, they can add fun and context to a post or message. At their worst, they can cause frustration and abandonment.

If you copy one of my article titles, you’ll probably get “ARTICLE TITLE” in uppercase. Why would I name my article like that? It’s not me, it’s browsers and specs again.