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

-
Learn how to design high-value websites:
-
Learn how to build custom websites in hours using Webflow:
-
Flux is proudly sponsored by Webflow, start a new account with an awesome discount:
-
-

#webdesign #accessibility #webdevelopment

[samsara]

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

[chaoticneutral]

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

[eeka]

I have been waiting for someone to put out content like this! Accessibility is absolutely fascinating. My company has started to implement this in my UX team. I'm also working on my portfolio and making it fully accessible with webflow. Please let me know if I can share my findings with you. :) I've had to change my way of thinking when choosing elements like divs vs lists. I've also figured out how to use aria labels. That really brings screenreaders to life.

[atalatal]

4 minutes and 20 seconds intro. Thanks.

[DeDaina]

The chrome extension link is not working, gives 404

[SweetEvieE]

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!

[aimeedanger]

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...

[keiths]

This is a growing issue in our industry - thanks for the good tips and suggestions, Ran. Everything you mentioned is just the sort of thing that had management and my developer friends and colleagues in a previous job all running around in circles trying to get the company’s older websites compliant. As you suggest - it’s so much better for us to tackle accessibility as early in the design/development cycle as possible.

[daronsimon]

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!

[apricotbranding]

wave.webaim.org is also good for accessibility testing. But consider accessibility testing with real users

[craigthomas]

Hey Ran this is an amazing informated video. Learnt a lot from it. Hope you carry on with this series like this.

[rushirajpara]

Very well Ran Segall, The tool sounds really interesting, looking forward to exploring the same.

[altha-rfet]

Disable I work part time told my employer several issues that are ADA code violations that are major issues that they could be sued for I will bring up their Web site to make is it is good

[notifierDemo]

"Mentioned Chrome extention" - the link is broken

[ProductJonas]

Looking at the accessibe.com website makes me doubt that these guys know what they're doing.

[dumitrascuandreim]

I cannot stop looking into the light. I suggest adding a new one to your left to balance and focus on you or put the existing one outside the frame. Sorry for being annoying

[benstanbury]

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?

[acertainredpanda]

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!

[YohanPenny]

Accessibe has been sued multiple times because of their widgets inability to do this :)

[kamranimtiaz]

I just want to say you are doing great work.
But you are also working on your videos.


I think that magenta light should be outside the view.