Search
Items tagged with: WebDesign
Today's Web Design Update: groups.google.com/a/d.umn.edu/… Subscribe info: d.umn.edu/itss/training/online… #Accessibility #A11y #WebDesign
Featuring @todd@a11y.info, @theaccessibilityguy, @TPGi, @ozewai, @ScopicEngineer, @codepo8, @medienbaecker, @shadeed9, @LFLegal, @heydon, @tbroyer, @jarango, @AlexDawsonUK, @InesAkrap, @mgifford, and more.
Web Design References: Webdev Newsletter
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
I'm happy so many people liked my first article!
Now I wrote about why focus outlines deserve better treatment in web design, and how to make them both beautiful and accessible ✍️
medienbaecker.com/articles/foc…
#accessibility #webdev #webdesign #indieweb
Beautiful focus outlines
Baker’s son turned web developer, kneading pixels and code for 15+ years. I help you bake your ideas into websites 🥨.Thomas Günther (medienbaecker.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 @aardrian, @piccalilli, @yatil, @mgifford, @karlgroves, @seaotta, @jakelazaroff, @theadamsilver, @AlexDawsonUK, @gerrymcgovern, and more.
Web Design References: Webdev Newsletter
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
Master website development from scratch with our expert-led course! #LearnToCode #WebDesign
Take my course here:pluralsight.com/courses/aspdot…
Getting To The Bottom Of WCAG-Conformant Interactive Element Size
smashingmagazine.com/2024/07/g…
by @eric
#a11y #wcag #webdesign #UIDesign
Getting To The Bottom Of Minimum WCAG-Conformant Interactive Element Size — Smashing Magazine
WCAG provides guidance for making interactive elements more accessible by specifying minimum size requirements.Smashing Magazine
litzdigital.com/blog/4-reasons…
#accessibility #a11y #webdesign #overlays
4 Reasons An Overlay Widget Will Not Solve Your Accessibility Woes – Litz Digital
With promises like “100% compliance now and in the future” it’d be hard not to consider the merits of these overlay widgets.Matt Litzinger (Litz Digital, LLC)
Dark mode & accessibility myth
stephaniewalter.design/blog/da…
#darkmode #a11y #accessibility #webdesign #webdev #UIDesign
Dark mode & accessibility myth by Stéphanie Walter - UX Researcher & Designer.
Dark mode isn't always better for accessibility, you need to let users chose. And if you build a dark theme, make it accessible!Stéphanie Walter (Stéphanie Walter - Senior UX Designer, Mobile Expert, Conference Speaker, Blog writer and Teacher.)
Modern CSS Layouts: You Might Not Need A Framework For That — Smashing Magazine
It’s easy to get lost in a sea of CSS frameworks and libraries, each promising easier styling and smoother layouts.Smashing Magazine
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, @mgifford, @eric, @schalkneethling, @intopia, @andy, @css, @davatron5000, @brad_frost, @mia, @boagworld, @vitalyf, @hhillen, @onsman, @TPGi, @Cjforms, @marcus, @cferdinandi, @michelle, @baldur, @gerrymcgovern, @johnallsopp, et al.
Web Design References: Webdev Newsletter
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
How to think about HTML responsive images · Dan Cătălin Burzo
srcset, sizes, picture, source, and how they all fit.danburzo.ro
tetralogical.com/blog/2024/03/…
by Henny Swan via @TetraLogical
#webdev #webdesign #a11y #accessibility
Accessibility foundations - TetraLogical
Our **foundations** series provides an overview of core accessibility considerations. They are a good starting point for visual designers, content designers, interaction designers, and developers when designing and building accessible products and s…TetraLogical
Making data visualizations accessible - TPGi
Data visualizations aim to make information easier to understand through visual presentation, but they can have specific accessibility implications for people with disabilities.Ricky Onsman (TPGi)
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, @TPGi, @stvfrnzl, @aardrian, @a11ytalks, @SteveFaulkner, @zeldman, @fastfinge, @chrisdavidmills, @adactio, @feather, @nethermind, @intopia, @dennisl, @hdv, @scottohara, @scottohara, @cory, @PK_info, @berry220, @gerrymcgovern, et al.
Web Design References: Webdev Newsletter
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 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
What’s it like to be colorblind - Datawrapper Blog
'One notices being colourblind more often when looking at data visualizations': Ten experiences.Lisa Charlotte Muth (Datawrapper Blog)
Designing better target sizes
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…
A Practical Guide To Designing For Colorblind People — Smashing Magazine
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.
Have we forgotten how to build ethical things for the web? - Nic Chan
Reflections on the arcane art of making good, ethical websitesNic Chan
Back to Basics: 5 HTML attributes for improved accessibility and user experience - HTMHell
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: Webdev Newsletter
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
noti.st/cariefisher/1gWjQz/css…
Presentation slides from WordPress Accessibility Day by Carie Fisher
#css #a11y #webdesign #webdev
CSS + Accessibility: Inclusion Through User Choice by Carie Fisher
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
Please, don’t force me to log in
The current accelerating trend of requiring accounts and logins for everything has to stop.Juha-Matti Santala
Designing better target sizes
An interactive guide on designing better target sizes on the web.ishadeed.com