Accessible Web Design: What Is It & How To Do It

I can guarantee the IRS website violates the law.

Pure government horse crap. If you have a disability maybe it should be on you to buy a zoom app to expand font on YOUR monitor.

The link to the mentioned chrome extension is not working

Hi,

I have a problem like, after selecting any option from combo box, screen reader announcing as "combo box option collapsed required", but I need a custom message like "option selected combo box collapsed required" how can I achieve this.

Please help me out from this problem.

I think someone should tell the people who demand text size pop ups that “cmd +” exists.

Hello Flux. Thank you for sharing this with us! 👍

"Mentioned Chrome extention" – the link is broken

I can't access the chrome extension, can someone tell me what is the name of the extension?

Hey Flux. You (and anyone watching) should reconsider Accessibe or any product like it. Why?

– Companies using accessibility widgets attracted 350 lawsuits in the first 6 months of 2021 alone as they introduced barriers for blind users
– A WebAIM survey showed 72% of people with disabilities found these widgets to be "unhelpful" or "very unhelpful"
– An open letter signed by over 700 people with disabilities, accessibility advocates, creators of WCAG, institutions for people with disabilities, etc condemn these widgets

Make your site accessible by default. Automated accessibility solutions sound attractive, but they do not work. If you're trying to avoid lawsuits, obviously this isn't the way to do that.

Open Letter: https://overlayfactsheet.com/
Lawsuits: https://www.nbcnews.com/tech/innovation/blind-people-advocates-slam-company-claiming-make-websites-ada-compliant-n1266720
WebAIM Survey: https://webaim.org/projects/practitionersurvey3/#overlay

The trend to make websites more accessible is the coolest one since the decline of true flat design. Thank you for your tips, I'll be sure to implement these in my next project!

Hey Ran! Thanks for the video—it's super concise and informative! Have you considered making another video on the topic, but going into a bit more detail? As someone early in their accessible design journey, it'd be really helpful to see things like how you add accessibility annotations to your designs, or the processes of how you weave accessibility into a project from start to end. Thanks!

Thanks

Really cool video, this is the first time I heard about these things. Thanks Bro!

By the way I think it's "impairment" and not "imparities", as imparity means inequality (e.g., income imparity)

Awesome breakdown of the different aspects of web accessibility! 🙌

So basically you think it's about old school usability, pretty sure there's WAY more to it than this. For instance, you ever heard of a screen reader?

awesome video!

this guy is in love with tht purple hue light and purple color, just a simple suggestion get a bigger light with a fading screen and point it at an angle on your face from left or right of the camera

It's a good accessible web design video

Thanks a lot, very useful video.

Imagine being sued over poor contrast

I hate orange.

I love your videos , but it would be great if you do more tutorials on this

It would be great if you had a transcript for this (since it's about accessibility). I have an invisible disability (ADHD) and LOOOVE transcripts because your video is
t-o-o sl-o-o-o-w-w-w…

This was the first time I knew so much about accessibility. Thanks

free palesitne free GAZA

AccessiBe is a great product and it's soo easy to use but there is one BIG disadvantage: you can't translate on your own the fileds like you can in some free plugin's (which are not so great like accessiBe). I really like it, but at the moment, not being able to translate is a deal break for me.

It would be awesome if you added official captions to this accessibility video since it's about accesibility 🙂

jump to 4:00 if you want to skip right to the useful info

This was super clear and simple. Thank you for sharing! (@blueprintcreative.co)

Thank you Flux. I am new to web developing/designing. I am like so new as in I’m taking a class. Your channel was recommend by edX. Thank you for the great education and food for thought I am now a subscriber. I look forward to learning from you!

Did you say you are from Israel? Love you man, that’s the land of my saviour Jesus Christ. May God bless you.

You'd better get this right, because Accessibility Karens are on a rampage.

Keep up producing useful tutorials. All the best.

Disability Gaming Network
https://www.facebook.com/groups/1221718251331947/?ref=share

Thank you! This is such a helpful video 🙂

ran: makes a video on web accessibility
also ran: doesn't caption the video
Great video, though.

Great video. Firefox also has a browser based accessibility extension that annotates errors and it's called WAVE.

Hey Ran. Great video. When you mention 'Developed correctly' at 11:00 and you discuss 'article' 'navigation' 'footer' etc, does Webflow do this correctly when it exports the code?

Maybe just make the label the same color as the background to have both labels.

Accessibility has always been a bit of a conflicting topic for me. While obviously we can all agree that it's very important, doing it the 100% correct way often introduces a lot of restrictions to the design meaning less creativity/originality, and potentially significantly increases development time, which a lot of clients don't want to pay for (and yet some people expect this stuff by default). A lot of the smaller sites we make in our agency will most likely never have a visitor that actually makes use of the features either, so it's mostly just difficult to justify the sacrifices, especially financially. We try to always cover the basic stuff like alt tags, focus states, sometimes tabindexes and screenreader texts and such, but proper WCAG compliance is only a topic discussed when the clients themselves want it and are willing to pay for the extra work.