A terrific 3-part series on colored blindness, accessibility, and data visualizations.
Part 1: blog.datawrapper.de/colorblind…
Part 2:
blog.datawrapper.de/colorblind…
Part 3:
blog.datawrapper.de/colorblind…
#a11y #webdesign #UIDesign #color #dataviz #colorblindness
'One notices being colourblind more often when looking at data visualizations': Ten experiences.Lisa Charlotte Muth (Datawrapper Blog)
An interactive guide on designing better target sizes on the web.ishadeed.com
One point I’m always at pains to make to my web design students is that accessibility isn’t an add-on to your design. You have to be as inclusive as possible from the outset.
Anyway, I thought this was a great article on designing for people with colour blindness:
smashingmagazine.com/2024/02/d…
Color accessibility is more than just ticking boxes. Even with good contrast, some color palettes can make interfaces challenging for users. Here are some practical guidelines to ensure more inclusive design for colorblind people.Smashing Magazine
One thing the article omits is the fantastic accessibility in Firefox Developer Edition.
Perhaps these tools aren't well known — they're in the web inspector. It’s a great way to test your site.
Reflections on the arcane art of making good, ethical websitesNic Chan
A collection of bad practices in HTML, copied from real websites.Back to Basics: 5 HTML attributes for improved accessibility and user experience - HTMHell
Today's Web Design Update: groups.google.com/a/d.umn.edu/… Subscribe info: d.umn.edu/itss/training/online… #Accessibility #A11y #WebDesign
Featuring @alyssapanetta, @accessible_community, @davidofyork, @TPGi, @tempertemper, @dequesystems, @yatil, @trys, @knowbility, @mgifford, @chipcullen, @cferdinandi, @craigabbott, @harrybr
@harrybr, @Meyerweb, @j9t, @vitalyf, @smashingmag, et al.
Web Design References: News and info about web design and development. The site advocates accessibility, usability, web standards and many related topics.www.d.umn.edu
Every day we have a series of choices to make. Get up early to work out or hit the snooze button? Double foam mocha latte or decaf green tea? Tabs or spaces? Our choices — even the small ones — shape our identities and help frame how we see the world…noti.st
The current accelerating trend of requiring accounts and logins for everything has to stop.Juha-Matti Santala
An interactive guide on designing better target sizes on the web.ishadeed.com
16 Lesser Known Accessibility Issues [and Tips]
toward.studio/latest/16-lesser…
"12. Don’t hide labels. Ever."
#a11y #accessibility #webdev #webdesign #tips #UIDesign #forms
In this post Matt discusses 16 accessibility issues and solutions we've encountered while building a bi-lingual website application for a public sector…Toward Studio
Today's Web Design Update: groups.google.com/a/d.umn.edu/… Subscribe info: d.umn.edu/itss/training/online… #Accessibility #A11y #WebDesign
Featuring @aardrian, @siblingpastry, @theaccessibilityguy, @intopia, @mgifford, @Kilian, @hexagoncircle, @michelle, @Myndex, @huijing, @stephaniewalter, @a11ytalks, @ItsCrisDiaz, @lara_amalia, @hwsanden, @melaniersumner, @j9t, @cferdinandi, @maggie, @Meyerweb, @nilsbinder et al.
Web Design References: News and info about web design and development. The site advocates accessibility, usability, web standards and many related topics.www.d.umn.edu
A comprehensive list of accessibility tools and resources for designers to achieve accessibility from start.Raghavendra Satish Peri (DigitalA11Y)
A tool for editing text spacing properties on web pages. WCAG conformance information included.chrome.google.com
Animation and accessibility are often seen as two separate powers at odds with one another. How is it possible to strike a balance between elements that move and the possible negative effects they expose to users who are sensitive to motion? Oriana G…Smashing Magazine
Common questions I hear about web accesssibility with short, low on nuance answers.Hidde's blog
Related: 4 examples of web-accessible date pickers...
WAI: w3.org/WAI/ARIA/apg/patterns/d…
Deque: dequeuniversity.com/library/ar…
U.S. Web Design System
designsystem.digital.gov/compo…
Tommy Feldt: fymmot.github.io/inclusive-dat…
#date #calendar #UIDesign #webdesign #webdev #a11y
Accessibility resources free online from the international standards organization: W3C Web Accessibility Initiative (WAI).W3C Web Accessibility Initiative (WAI) (Web Accessibility Initiative (WAI))
Today's Web Design Update: groups.google.com/a/d.umn.edu/… Subscribe info: d.umn.edu/itss/training/online… #Accessibility #A11y #WebDesign
Featuring @siblingpastry, @aardrian, @rachael, @ben, @reidmore, @ericwbailey, @cferdinandi, @karlgroves, @matuzo, @michelle, @adactio, @baldur, @mgifford, @andy_blum, @screenspan, @gerrymcgovern et al.
Web Design References: News and info about web design and development. The site advocates accessibility, usability, web standards and many related topics.www.d.umn.edu
“Search Engine Optimization” Blech. I hate it. This is what SEO should be: Write content on the internet. Make sure it is output in semantic, accessible HTML. Make sure the performance …Chris Coyier
Fixed heights and widths risk 'loss of content' when text is resized.ashleemboyer.com
Ensuring negative numbers are available for everyone. "The minus character (−) yields great support in most screen readers, and suffers less situational gotchas than the hyphen-minus character"
deque.com/blog/ensuring-negati…
Great article written by 2 of my favorite comrades.
You’ve seen them in the wild, maybe even audited them. The stuff of nightmares. But what makes a truly accessible date picker? This presentation will explore...YouTube
4 design principles I use every day to avoid bad UX and create products that work for everyone (by Adam Silver)
adamsilver.io/blog/4-design-pr…
Principle 1: Good design works for everyone
Principle 2: Good design makes things obvious
Principle 3: Good design puts users in control
Principle 4: Good design is lightweight
#UXDesign #UIDesign #webdesign
Adam Silver – interaction designer - London, UKAdamsilver.io
Modern Health, frameworks, performance, and harm
ericwbailey.website/published/…
"Performance, accessibility, and usability are more than inconvenient truths you can pretend don’t exist. They have a direct impact on the quality of someone’s life."
#webdev #webperf #ux #usability #a11y #uxd #webdesign
Performance, accessibility, and usability are more than just inconvenient truths you can pretend don’t exist. They have a direct impact on the quality of someone’s life…ericwbailey.website
Today's Web Design Update: groups.google.com/a/d.umn.edu/… Subscribe info: d.umn.edu/itss/training/online… #Accessibility #A11y #WebDesign
Featuring @karlgroves, @jspellman, @rachael, @ericwbailey, @mgifford, @SteveFaulkner, @schalkneethling, @racheled, @dboudreau, @theadamsilver, @matthiasott, @shadeed9, @matuzo, @ItsCrisDiaz, @huijing,
@baldur, @gerrymcgovern, et al.
Web Design References: News and info about web design and development. The site advocates accessibility, usability, web standards and many related topics.www.d.umn.edu
Adam Silver – interaction designer - London, UKAdamsilver.io
Adam Silver – interaction designer - London, UKAdamsilver.io
Make the case against dark patterns and learn more ethical alternatives.frontendmasters.com
Today's Web Design Update:groups.google.com/a/d.umn.edu/… Subscribe info: d.umn.edu/itss/training/online… #Accessibility #A11y #WebDesign
Featuring @SteveFaulkner, @LFLegal, @MerylEvans, @knowbility, @aardrian, @chriscoyier, @shadeed9, @schalkneethling, @vitalyf, @codepo8, @theadamsilver, @michelle, @cferdinandi, et al.
Web Design References: News and info about web design and development. The site advocates accessibility, usability, web standards and many related topics.www.d.umn.edu
