Search
Items tagged with: uidesign
https://heather-buchel.com/blog/2024/03/letters-to-an-accessibility-advocate/
by heather buchel #a11y #UIDesign
A letter to my younger self, as an accessibility advocate
All of the things I get to say "I told you so" about, now.heather-buchel.com
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)
A terrific 3-part series on colored blindness, accessibility, and data visualizations.
Part 1: https://blog.datawrapper.de/colorblindness-part1/
Part 2:
https://blog.datawrapper.de/colorblindness-part2/
Part 3:
https://blog.datawrapper.de/colorblindness-part3/
#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
Placeholders in Form Fields are Harmful
Data-entry form fields on websites are crucial for ecommerce and many other applications. Fields need labels and (sometimes) instructions, but placing this t...YouTube
Explore IBM Design’s approach to designing for sustainability -- link to PDF white paper including design checklist for sustainability 🌎
https://www.ibm.com/design/practices/design-for-sustainability/
#IBM #design #UIDesign #sustainability #environment #goGreen
IBM Design
At IBM, our design philosophy is to help guide people so they can do their best work.www.ibm.com
In Loving Memory of Square Checkbox
History of checkboxes and radio buttons in user interfacestonsky.me
Understand UX - UX Dictionary
Learning about UX? Or working with UX professionals? Find out what they're talking about in this community-built UX dictionary.UX dictionary
Designing better target sizes
An interactive guide on designing better target sizes on the web.ishadeed.com
16 Lesser Known Accessibility Issues [and Tips]
https://toward.studio/latest/16-lesser-known-accessibility-issues
"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
A beginner's guide to accessible text - Pope Tech Blog
Learn how to create accessible text in your web content.Whitney Lewis (Pope Tech Blog)
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)
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
Related: 4 examples of web-accessible date pickers...
WAI: https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog/
Deque: https://dequeuniversity.com/library/aria/date-picker
U.S. Web Design System
https://designsystem.digital.gov/components/date-picker/
Tommy Feldt: https://fymmot.github.io/inclusive-dates/
#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))
About CSS prefers-reduced-transparency:
https://developer.chrome.com/blog/css-prefers-reduced-transparency/
#UIDesign #CSS #usability #a11y
CSS prefers-reduced-transparency - Chrome for Developers
Optimize and adjust for users who prefer an opaque UI.Chrome for Developers
The problem with disabled buttons and what to do instead:
https://adamsilver.io/blog/the-problem-with-disabled-buttons-and-what-to-do-instead/
Disabled buttons suck:
https://axesslab.com/disabled-buttons-suck/
#UIDesign #forms #usability #a11y #accessibility
Disabled buttons suck
Showing buttons as disabled until a form is complete might seem like a good idea. It is not. They usually create a lousy user experience and exclude many people with disabilities. Here's why disabled buttons suck and what to do instead.Hampus Sethfors (Axess Lab)
UX Principles that include Cognitive Accessibility
A Cognitive perspective on UX Design Principles including a neurodivergent perspective with links to relevant guidance and resources.www.ab11y.com
4 design principles I use every day to avoid bad UX and create products that work for everyone (by Adam Silver)
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
4 design principles I use every day to avoid bad UX and create products that work for everyone
Adam Silver – interaction designer - London, UKAdamsilver.io
The 7 Principles
The 7 Principles on the Centre for Excellence in Universal Design website.universaldesign.ie
The problem with input masks and what to do instead
Adam Silver – interaction designer - London, UKAdamsilver.io
The problem with automatically focusing the first input and what to do instead
Adam Silver – interaction designer - London, UKAdamsilver.io
Designing services for people who need help with numbers
Low numeracy affects half of adults in the UK. Many live with the limitations of not understanding numbers and the impact that has on everyday life.Accessible Numbers
https://adhoc.team/2023/02/22/the-importance-of-adding-accessibility-design-reviews-to-the-design-process/
#a11y #uidesign #webdesign
Float labels may put you in the cool club, but they’re terrible UX.
It’s much better if your input’s label:
1) is legible
2) is above the input
3) doesn’t move about
4) is not mistaken for an answer
Simple > clever
-Adam Silver via Twitter
The problem with tooltips and what to do instead
Tooltips are not only hard to use, but they're normally totally unnecessary. Learn why that is and what you could do instead.Adamsilver.io
https://www.smashingmagazine.com/2021/08/frustrating-design-patterns-disabled-buttons/
#webdesign #forms #UIDesign
Usability Pitfalls of Disabled Buttons, and How To Avoid Them — Smashing Magazine
How can we make disabled buttons more inclusive? When do they work well, and when do they fail on us? And finally, when do we actually need them, and how can we avoid them? Let’s find out.Smashing Magazine
Designing for People with Cognitive Disabilities and Everyone Else
The art of designing and creating content to support people with cognitive disabilities lives in the space between usability and accessibility. This presenta...YouTube
Why do websites have so many pop-ups?
UI experts say pop-ups are a bad idea. So why is the “most hated” element of web design everywhere?s.e. smith (The Verge)
Designing and Coding for Voice – Brian DeConinck
Personal website and portfolio for Brian DeConinck, a digital accessibility specialist.www.briandeconinck.com
https://bootcamp.uxdesign.cc/app-accessibility-commonly-overlooked-accessibility-practices-for-mobile-apps-98d82907b15c #mobile #mobileDev #mobileDesign #UIDesign #a11y
App accessibility: Commonly overlooked accessibility practices for mobile apps
It’s hard to believe even with an approximately 80% smartphone penetration globally, most apps are still not accessible. Most companies still deem accessibility-related use cases as “edge cases”, and…Ryan Tan (Bootcamp)
Designing for Reduced Motion
It’s important to consider the reduced-motion experience during design and development.Craft CMS
Wise Design
Wise Design is the Wise design system. It helps our team create a distinct, accessible and consistent Wise experience that works for everyone, everywhere.wise.design