DEV Community

Cover image for Building for Accessibility

Building for Accessibility

Daniel Chukwurah on March 27, 2024

Many of us (developers) live with little to no disabilities. But can you imagine watching a movie without sound, captions, or subtitles? Or browsin...
Collapse
 
moopet profile image
Ben Sinclair

Always apply alt text to images.

Don't do that unless describing the image is important. For decorative images or images which only serve to duplicate text content, add an empty attribute like alt="" so screen readers won't read the same thing out more than once.

For instance, in your post, a reader will announce, "Always apply alt text to images. Add alt text to images" which doesn't help anyone!

Collapse
 
ludamillion profile image
Luke Inglis

I was going to say the same. It’s also a good example of another very important rule of thumb when it comes to accessibility which is that often no accessibility is better than poorly implemented accessibility.

Collapse
 
nonsoo24 profile image
Daniel Chukwurah

Thanks for sharing, @moopet. You're right; I didn't go deep with my explanation since the post was getting too long.

Collapse
 
thaisavieira profile image
Thaísa Vieira

That's a great point noted, I'll surely add this properly to my projects! Thanks for sharing this.

Collapse
 
ludamillion profile image
Luke Inglis

One of the things that often goes unsaid when speaking about accessibility is the breadth and depth of the issue.

Even people fairly hip to accessibility mostly think about things like screen readers and color contrast.

There are so many other considerations though like short term memory which can make things like multi-step, wizard style form flows difficult.

Also things like not overusing animations and flashy visual or audio effects for those who have attention deficits or sensory overload issues.

Finally something to always keep in mind is that most things that are good for people with various impairments also make the average user’s experience better.

Collapse
 
nonsoo24 profile image
Daniel Chukwurah

Thanks for sharing, Luke.

Collapse
 
raymondnes profile image
Raymond Toritseju

Diversity, Equity, and Inclusion are crucial in our collective efforts to sustain our planet. It's inspiring to see the developer community actively engaging in crafting UX best practices to promote inclusivity. This is a fantastic read! @nonsoo24

Collapse
 
nonsoo24 profile image
Daniel Chukwurah

Thanks, Raymond. I am glad you found this post valuable.

Collapse
 
malaquf profile image
Felipe Malaquias

Wow, I just ran some of the tools mentioned in my private website and realised so many issues. Thanks a lot for sharing this initial guidelines!

Collapse
 
nonsoo24 profile image
Daniel Chukwurah

You are welcome, Felipe. Glad you found this valuable

Collapse
 
pauldumebi profile image
Paul Dumebi

Nice read. I'm currently working on a website where we can't practice no mouse day because nothing works without the mouse 😬 looks like we can start from here

Collapse
 
getsetgopi profile image
GP

No mouse day is a holiday...LOL

Collapse
 
nonsoo24 profile image
Daniel Chukwurah

Lol, please start from there @pauldumebi.

You, too, can make the world a better place by building a web that includes everyone, one line of inclusive code at a time.

Collapse
 
advogate profile image
Abidoye Godwin

This article is an eye-opener for new and experienced devs. kudos

Collapse
 
nonsoo24 profile image
Daniel Chukwurah

Thanks, Godwin.

Collapse
 
isaactdozier profile image
Gucci.koin 🔮

Excellent read. Accessibility is a key feature of Koinos Network and I'd like to see these principles applied across the community.

Collapse
 
nonsoo24 profile image
Daniel Chukwurah

Glad Koinos Network is making the world a better place by building a web that includes everyone.

Collapse
 
enenyaob profile image
Obinna Enenya

Great point... Thanks for sharing.

Collapse
 
nonsoo24 profile image
Daniel Chukwurah

Thanks @enenyaob

Collapse
 
zainmuhammad profile image
Zain Muhammad

Nice. So I take Care of Accessibility while development.
some sample screenshot added below.

Image description

Collapse
 
nonsoo24 profile image
Daniel Chukwurah

Looks good @zainmuhammad, glad you found this post valuable.