Search
Items tagged with: webdesign
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
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
16 Lesser Known Accessibility Issues | Toward
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: 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
Accessibility Tools and Resources for Designers • DigitalA11Y
A comprehensive list of accessibility tools and resources for designers to achieve accessibility from start.Raghavendra Satish Peri (DigitalA11Y)
chrome.google.com/webstore/det…
#a11y #wcag #tools #text #css #accessibility #webdesign
Text Spacing Editor
A tool for editing text spacing properties on web pages. WCAG conformance information included.chrome.google.com
Creating Accessible UI Animations — Smashing Magazine
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
Answers to common (web) accessibility questions
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
Date Picker Dialog Example
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: 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
chriscoyier.net/2023/11/08/eve… Yes! #webdev #webdevelopment #webdesign #SEO
Everything about SEO is obnoxious
“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