#a11y

Accessibility - what it means, why it matters and ways to implement

What is Accessibility? Accessibility (a11y) is about making products usable to many people regardless of the devices they use, network connection or disabilities[1]. In this case we are focusing on software and most importantly websites and webapps. ...

Feb 108 min read

VRVicente Reyesblog.vicentereyes.org

Boosting LCP: A Guide to fetchpriority="high"

In the world of web performance, every millisecond counts. We’ve all been there: you open a site, the text loads, but the main hero image—the thing you actually want to see—stays blank for an extra second. That lag often kills your Largest Contentful...

Feb 63 min read

CRChanchal Rajputchanchal16.hashnode.dev

Accessibility (a11y) is Not an Afterthought: A Dev’s Guide to Shifting Left

In my first few months as a developer, I viewed accessibility as a final polish—something I would "fix" with a few aria-labels right before a big release. I was wrong. Few years into my career, I have realized that accessibility isn’t a feature you a...

Feb 44 min read

HHHarshna Haswaniblog.harshnahaswani.com

The Developer’s Audit for A11Y

In Part 2, we looked at the science of sight and accessible palettes; today, we look at the execution. An accessible design is only as good as the code supporting it. If the underlying structure is brittle, the door remains locked for 16% of your use...

Jan 274 min read

HHHarshna Haswaniblog.harshnahaswani.com

The Science of Sight: Colors, Fonts, and the IBM Standard

In our first article, we discussed the "Invisible 16%"—the billion-plus users who are often locked out of the web due to poor design. Today, we go inside the design studio to look at the most common barrier to entry: Visual Accessibility. Designing f...

Jan 205 min read

HGHomer Gaines, CPACCrightbadcode.com

Accessibility Conformance Reports: Setting Expectations

AcronymDefinition ACRAccessibility Conformance Report VPAT®Voluntary Product Accessibility Template An Accessibility Conformance Report (ACR), more commonly referred to as a VPAT® (Voluntary Product Accessibility Template), is a report that’s t...

Jan 194 min read

BYBak Yeonhanmjc.hashnode.dev

How to Implement a Proper .sr-only Class for Accessibility

When building accessible web interfaces, there are cases where content should be visually hidden but still available to screen readers.This is where the .sr-only (screen-reader-only) pattern is commonly used. However, an incorrect implementation can ...

Jan 155 min read

HHHarshna Haswaniblog.harshnahaswani.com

The Invisible Loss: Why Your Site is Losing 16% of Its Traffic at the Door

Imagine you own a physical retail store. Every morning, you stand at the entrance and watch as 100 people try to walk in. For 16 of them, the door is locked. They pull the handle, realize they can't get in, and walk straight to your competitor across...

Jan 133 min read

BYBak Yeonhanmjc.hashnode.dev

A deep dive into :invalid, :user-invalid

When we talk about web accessibility (a11y), we usually think of ARIA attributes, screen readers, or keyboard navigation first.But in real user experiences, the most frequently encountered accessibility challenge is forms. “Is this email format corre...

Dec 12, 20253 min read

HGHomer Gaines, CPACCrightbadcode.com

Icon Buttons Need Tooltip Labels

It’s estimated that modern-day humans have been using images to communicate for at least 51,000 years. Our brains are wired to perceive and recognize shapes as forms of communication. Visual stimuli are processed through our visual cortex, routed to ...

Nov 14, 20255 min read

Tag feed

Tag feed

#a11y

Accessibility - what it means, why it matters and ways to implement

Boosting LCP: A Guide to fetchpriority="high"