DEV Community

Accessibility

the practice of making your website usable by as many people as possible

Posts

👋 Sign in for the ability to sort posts by relevant, latest, or top.
Bye, live regions. Hello, ariaNotify()
micaavigliano profile
Mica

Bye, live regions. Hello, ariaNotify()

#news #a11y #webdev #javascript
1
Comments 2
7 min read
Breathgarden — a breathing guide that checks you're really following it, shows what the camera sees, and talks you through it eyes-closed

Presage SmartSpectra SDK Challenge Submission
iamsmthing profile

Breathgarden — a breathing guide that checks you're really following it, shows what the camera sees, and talks you through it eyes-closed

#devchallenge #presagechallenge #electron #a11y
Comments
7 min read
The quantity stepper is the smallest component on a product page and the easiest one to get wrong
elias_0549e0e2ef8cf6ad89a profile
RAMO

The quantity stepper is the smallest component on a product page and the easiest one to get wrong

#a11y #ecommerce #html #ux
Comments
5 min read
Building an accessible price range filter in React
sami_shan_f544d410c274555 profile

Building an accessible price range filter in React

#react #a11y #webdev #typescript
Comments
4 min read
Keyboard Users Can't Tab to the Pay Button? Six WCAG 2.2 Checks Before Launch
codewaveconsulting profile

Keyboard Users Can't Tab to the Pay Button? Six WCAG 2.2 Checks Before Launch

#a11y #wcag #webdev
Comments
6 min read
Designing Web Content for People with Vision Loss: Lessons from a Retinitis Pigmentosa Info Site
retinitis_pigmentosatrea profile

Designing Web Content for People with Vision Loss: Lessons from a Retinitis Pigmentosa Info Site

#a11y #frontend #ux #webdev
Comments
2 min read
I pressed select-all and copy on all 79 of our pages: 393 KB of words and 5.3 MB of markup
daniel_pertu profile

I pressed select-all and copy on all 79 of our pages: 393 KB of words and 5.3 MB of markup

#webdev #css #a11y #html
Comments
4 min read
I pressed Tab through all 5,495 stops on our site: the order is perfect and 373 of them show no focus ring
daniel_pertu profile

I pressed Tab through all 5,495 stops on our site: the order is perfect and 373 of them show no focus ring

#a11y #css #webdev #tailwindcss
Comments
6 min read
Our 76 pages print to 496 sheets of A4, and the plan we recommend is invisible on one of them
daniel_pertu profile

Our 76 pages print to 496 sheets of A4, and the plan we recommend is invisible on one of them

#css #webdev #a11y #frontend
Comments
6 min read
I grepped all 38 pages of our site for accessibility: one h1 each, 1,091 links with names, and a focus ring at 1.82:1
daniel_pertu profile

I grepped all 38 pages of our site for accessibility: one h1 each, 1,091 links with names, and a focus ring at 1.82:1

#a11y #webdev #nextjs #css
Comments
6 min read
Our Expo app has 42 accessibility labels and three hints, and the hardest one was Chrome refusing to hide a focused element
daniel_pertu profile

Our Expo app has 42 accessibility labels and three hints, and the hardest one was Chrome refusing to hide a focused element

#reactnative #a11y #typescript #expo
Comments
7 min read
ariaNotify(): talk to screen readers without hacks
richicodes profile

ariaNotify(): talk to screen readers without hacks

#a11y #javascript #aria #webdev
Comments
5 min read
Bye, live regions. Hello, ariaNotify()
micaavigliano profile
Mica

Bye, live regions. Hello, ariaNotify()

#a11y #webdev #designsystem
3
Comments
7 min read
Image Alt Text: What to Write and How Long
_6614b04c8831704fcf9b2 profile

Image Alt Text: What to Write and How Long

#seo #webdev #a11y #html
Comments
6 min read
WCAG 2.2 vs 2.1: What Changed and What to Re-Test
chille87 profile

WCAG 2.2 vs 2.1: What Changed and What to Re-Test

#a11y #webdev #wcag
Comments
9 min read
👋 Sign in for the ability to sort posts by relevant, latest, or top.