How to approach accessible web interface design. Contribute to Heydon/principles-of-web-accessibility development by creating an account on GitHub.GitHub
Even popular sites fail to implement the 11 best practices mentioned in this article, and thus have at least one mistake. Use this checklist on your next pull request review that deals with any form.Andrey Sitnik (Evil Martians)
Have you been shuffling accessibility compliance all around your roadmap this year? Here are 5 ways to integrate it as a practice to supercharge your product strategy instead.Caro Sotillo Silva (thoughtbot)
The eBay accessibility team is doing some great things!
Figma plugin: figma.com/community/plugin/120…
Video Tutorials: youtube.com/playlist?list=PLRj…
About the Include plugin: playbook.ebay.com/foundations/…
#a11y #ebay #figma #webdesign #uiDesign
eBay created the Include—Accessibility Annotations Figma plugin to help designers with accessibility considerations early in their project, and to help with designer-developer collaboration. It is available to the Figma community and free.playbook.ebay.com
I'm just going to say it. Whoever designed the new notifications layout and design for Mastodon needs to go back to the drawing board (and UI design school). In some cases, esp if you start off with a tag, it looks and works horribly. (desktop view). Way worse than the old way just a month or two ago.
#mastodon #fediverse #design #uidesign
1 year ago I switched from Mac to Linux for professional UX design work. In this article, I explain as simply as possible:
- Why I switched to Linux
- How you can do the same.
I cover design-specific concerns like:
- How to use Apple devices like the Magic Mouse in Linux
- Which design tools are available and how to install them
- How to find help if you get stuck
chris-wood.design/resources/li…
#Design #UXDesign #UIDesign #Linux #MacOS
My experience with moving from Mac to Linux for professional UX and UI design work and how to make the switch yourself.Portfolio
Getting To The Bottom Of WCAG-Conformant Interactive Element Size
smashingmagazine.com/2024/07/g…
by @eric
#a11y #wcag #webdesign #UIDesign
WCAG provides guidance for making interactive elements more accessible by specifying minimum size requirements.Smashing Magazine
Dark mode & accessibility myth
stephaniewalter.design/blog/da…
#darkmode #a11y #accessibility #webdesign #webdev #UIDesign
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.)
Do you want to help make AntennaPod ready for the future? And do you have experience (or talent) in the domain of UX and/or UI design?
We're looking for folks to help us with embedding new innovative features on our player screen!
All details & contact options here👇
opensourcedesign.net/jobs/jobs…
#OpenSourceDesign #UX #UI #FOSS #OpenSourceContributions #Penpot #wireframes #volunteer #SummerProject #UXdesign #UIdesign
Made good progress this weekend on #IconBear , my upcoming open-source icon manager for Linux.
* Install pre-packaged icon sets to quickly start building your library.
* Icons are automatically categorised as "Outline", "Filled", "Duotone" or "Color" when you import them.
* Icons are loaded asynchronously, for improved performance.
Once work on importing, deleting and filtering sets is finished, I'll be looking to release the app 🙌
All of the things I get to say "I told you so" about, now.heather-buchel.com
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: 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
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 🌎
ibm.com/design/practices/desig…
#IBM #design #UIDesign #sustainability #environment #goGreen
At IBM, our design philosophy is to help guide people so they can do their best work.www.ibm.com
History of checkboxes and radio buttons in user interfacestonsky.me
Learning about UX? Or working with UX professionals? Find out what they're talking about in this community-built UX dictionary.UX dictionary
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
Learn how to create accessible text in your web content.Whitney Lewis (Pope Tech Blog)
A comprehensive list of accessibility tools and resources for designers to achieve accessibility from start.Raghavendra Satish Peri (DigitalA11Y)
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: 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))
About CSS prefers-reduced-transparency:
developer.chrome.com/blog/css-…
#UIDesign #CSS #usability #a11y
Optimize and adjust for users who prefer an opaque UI.Chrome for Developers
The problem with disabled buttons and what to do instead:
adamsilver.io/blog/the-problem…
Disabled buttons suck:
axesslab.com/disabled-buttons-…
#UIDesign #forms #usability #a11y #accessibility
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)
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)
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
