14 logic-driven UI design tips to improve any interface
scribe.rip/14-logic-driven-ui-…
#UIDesign #UXDesign #webdesign
scribe.rip/14-logic-driven-ui-…
#UIDesign #UXDesign #webdesign
Search
Items tagged with: webdesign
Pseudomotion, Motion Sensitivity, and Accessibility
buttondown.com/access-ability/…
#webdesign #UIDesign #a11y
buttondown.com/access-ability/…
#webdesign #UIDesign #a11y
Pseudomotion, Motion Sensitivity, and Accessibility
Newton’s Cradle with one red ball hanging on a thread, retracted and about to bang into five silver balls also hanging by threads. Motion sensitivity is a...Access * Ability
Let's say it yet again: the placeholder attribute is a hint, not a label. html5accessibility.com/stuff/2… #a11y #webdev #webdevelopment #forms #UIDesign #webdesign #html
Accessibility Terms Every Content Creator Should Know
digitalaccesstraining.com/page…
#webcontent #webdev #webdesign #a11y #accessibility #terms
digitalaccesstraining.com/page…
#webcontent #webdev #webdesign #a11y #accessibility #terms
Articles - Digital Access Training
As the leading provider of accessibility training, Digital Access Training is proud to offer on-demand courses that make it easy for you to learn at your own time and convenience.Digital Access Training
5 simple fixes that make digital spaces calmer—for neurodivergent and all users.
knowaboutaccessibility.org/202…
#webdesign #UIDesign #ux #UXDesign #a11y
knowaboutaccessibility.org/202…
#webdesign #UIDesign #ux #UXDesign #a11y
5 simple fixes that make digital spaces calmer—for neurodivergent and all users.
By Lē Silveus — When we talk about accessibility, most engineers think of screen readers, alt text, and color contrast. These are essential, but they’re only part of the picture. Digital spaces mus…Know About Accessibility
Today's Web Design Update: groups.google.com/a/d.umn.edu/…
Featuring @joedolson, @deconspray, @a11yMel, @eric, @TetraLogical, @mgifford, @SteveFaulkner, @NicMakesStuff, @LFLegal, @chriscoyier, @kevinpowell, @css, @deadcode, @j9t, @hdv, @stephaniewalter, and more.
Subscribe info: d.umn.edu/itss/training/online…
#Accessibility #A11y #WebDesign
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
What is Motion Sensitivity? How to Design Accessible Web Animations
freecodecamp.org/news/web-sens… #a11y #webdesign
freecodecamp.org/news/web-sens… #a11y #webdesign
What is Motion Sensitivity? How to Design Accessible Web Animations
As web developers, we love a good animation, right? But let's be honest, sometimes we get caught up in the wow factor and forget that our websites exist for real people with diverse needs. One hidden hurdle for some users is motion sensitivity.Elizabeth Lola (freeCodeCamp.org)
Dangerous #Accessibility Assumptions That Put Everyone at Risk
buttondown.com/access-ability/…
#a11y #productmgmt #webdev #webdesign
buttondown.com/access-ability/…
#a11y #productmgmt #webdev #webdesign
Dangerous Accessibility Assumptions That Put Everyone at Risk
Three strips of intersecting yellow and black “warning” tape. Accessibility isn’t an extra feature or a nice-to-have add-on. It’s a foundational requirement...Access * Ability
Today's Web Design Update: groups.google.com/a/d.umn.edu/…
Featuring @tink, @deconspray , @ozewai, @onsman, @amberhinds, @mgifford, @SteveFaulkner, @intopia, @TPGi, @jensimmons, @matuzo, @heydon, @j9t, @matthiasott, @zeldman, and more.
Subscribe info: d.umn.edu/itss/training/online…
#Accessibility #A11y #WebDesign
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
New book available for pre-order:
Inclusive Design for Accessibility: A Practical Guide to Digital Accessibility, UX, and Inclusive Web & App Design
packtpub.com/en-us/product/inc…
#books #book #a11y #accessibility #ux #webdesign #UIDesign
Inclusive Design for Accessibility: A Practical Guide to Digital Accessibility, UX, and Inclusive Web & App Design
packtpub.com/en-us/product/inc…
#books #book #a11y #accessibility #ux #webdesign #UIDesign
Inclusive Design for Accessibility | Web Development | Paperback
A Practical Guide to Digital Accessibility, UX, and Inclusive Web & App Design. Top rated Web Development products.Packt
#Development #Reviews
First impressions of Deque Axe Assistant · What to expect from the AI accessibility chatbot ilo.im/163tch
_____
#AxeAssistant #AI #Chatbot #Accessibility #WCAG #Design #WebDesign #WebDev #Frontend #HTML
Thin Fonts Are a Usability Nightmare—And Finally, Designers Are Waking Up
webdesignerdepot.com/thin-font…
#UIDesign #webdesign #a11y #fonts #usability #accessibility #typography
Thin Fonts Are a Usability Nightmare—And Finally, Designers Are Waking Up
Thin fonts may look sleek, but they’re a usability nightmare—hard to read, inaccessible, and especially frustrating on mobile.Noah Davis (Web Designer Depot)
The Myth of ‘Accessible Components and Done’ a11yquest.com/blog/2024-11-13-… #webdev #webdesign #a11y
The Myth of 'Accessible Components and Done'
Think you've solved all your accessibility problems by using an accessible component library? Think again.www.a11yquest.com
In Defense of Text Labels—Why Icons Alone Aren’t Enough chrbutler.com/in-defense-of-te… #a11y #webdesign #UIDesign #icons
In Defense of Text Labels - Christopher Butler
I’m a firm believer in text labels. Interfaces are over-stuffed with icons. The more icons we have to scan over, the more brain power we putwww.chrbutler.com
Related: Using padding to space an input and label darins.page/articles/using-pad… #webdesign #forms #usability #a11y
Using padding to space an input and label - Darin Senneff
Something I started doing lately is using the padding of a element to create the space between it and an instead of a margin or…Darin Senneff
Today's Web Design Update: groups.google.com/a/d.umn.edu/…
Subscribe info: d.umn.edu/itss/training/online…
Featuring @theadamsilver, @stephaniewalter, @smashingmag, @mgifford, @LFLegal, @mactoph, @aardrian, @Ted_drake, @intopia, @scottohara, @inclusivedesign24, @cferdinandi, @jarango, and more.
#Accessibility #A11y #WebDesign
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
Today's Web Design Update: groups.google.com/a/d.umn.edu/…
Subscribe info: d.umn.edu/itss/training/online…
Featuring @mgifford, @yatil, @aardrian, @LFLegal, @matuzo, @eric, @laura, @tempertemper, @a11yMel, @dequesystems, @pxlnv, @vitalyf, @smashingmag, @rachelandrew, @Kilian, @OddBird, @tabatkins, @mia
#Accessibility #A11y #WebDesign
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
today is officially *THREE* weeks until the submission deadline for Good Internet magazine!
Good Internet launches in May 2025. it's a volunteer-run, not-for-profit print and digital quarterly magazine for personal website owners and those interested in using the internet as a means of self-expression, art, and recreation.
🔍 we're looking for 1,500-4,000 word articles about anything related to that!
you could write about:
* #internet history
* personal #websites
* #accessibility on the #indieweb
* finding inspiration for a #blog
* #webdesign trends
* running from the #enshittification of the #web
* lessons or post-mortems from #webdev projects
* news or overviews of #opensource projects
if it relates to hobbies on "this side of the web," whether you call it the #smallweb or indieweb, we probably want to run it!
you can have your article as low-media (meaning only text and images) or interactive, where you code an entire webpage to help tell your story.
if you're interested in learning more, you can sign up for our email list for when we launch or you can check the submission guidelines @ goodinternetmagazine.com!
(please boost if you can! ❤)
good internet magazine | for the small web
A print and digital magazine coming soon.goodinternetmagazine.com
Para celebrar el día del amor y la amistad:
Estoy ofreciendo diseño y desarrollo de sitios web desde 1740 pesos mexicanos.
Servicios que ofrece Sandia
En Sandia ofrecemos servicio de diseño y desarrollo de sitios web para que hagas crecer o lances tu negocio.Sandia
Today's Web Design Update: groups.google.com/a/d.umn.edu/…
Subscribe info: d.umn.edu/itss/training/online…
Featuring @a11ytalks, @mgifford, @aardrian, @SteveFaulkner, @codepo8, @cferdinandi, @adactio, @rem, @cloudfour, @theadamsilver, and more.
#Accessibility #A11y #WebDesign
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
Principles Of Web Accessibility
by @heydon
github.com/Heydon/principles-o…
#a11y #accessibility #webdesign #UIDesign
by @heydon
github.com/Heydon/principles-o…
#a11y #accessibility #webdesign #UIDesign
GitHub - Heydon/principles-of-web-accessibility: How to approach accessible web interface design
How to approach accessible web interface design. Contribute to Heydon/principles-of-web-accessibility development by creating an account on GitHub.GitHub
There is no such thing as a "normal" user | Build Stuff Conf 2023 | with Karl Groves youtube.com/watch?v=YigmYjo9vo… #a11y #webdev #webdesign
Karl Groves - There is no such thing as a "normal" user | Build Stuff Conf 2023
The sheer variety of combinations of browsers, operating systems, screen sizes, devices, ATs, etc. that make the notion of a "normal" user absurd. This talk ...YouTube
11 HTML best practices for login & sign-up forms evilmartians.com/chronicles/ht… #webdesign #UIDesign #ixd #UXDesign #forms #html
11 HTML best practices for login & sign-up forms—Martian Chronicles, Evil Martians’ team blog
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)
Today's Web Design Update: groups.google.com/a/d.umn.edu/… Featuring @tink, @oedipusnj, @ben, @JoeLamyman, @TetraLogical, @hhillen, @ozewai, @wilco, @MerylEvans, @felixh10r, @j9t, @TPGi, @homer, @bramus, @mia, @matuzo, @pepelsbey, @rachelandrew, @CSSence, @malarkey, and more. Subscribe info: d.fumn.edu/itss/training/onlin… #Accessibility #A11y #WebDesign
Stop aiming for [accessibility] compliance: Craft a better product strategy instead
thoughtbot.com/blog/stop-aimin… #webdev #webdesign #UIDesign #productmgmt #productmanagement #accessibility
thoughtbot.com/blog/stop-aimin… #webdev #webdesign #UIDesign #productmgmt #productmanagement #accessibility
Stop aiming for compliance: Craft a better product strategy instead
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
Include Plugin: Getting Started | Accessibility | Foundations | eBay Playbook
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
Today's Web Design Update: groups.google.com/a/d.umn.edu/… Subscribe info: d.umn.edu/itss/training/online… #Accessibility #A11y #WebDesign
Featuring @rianrietveld, @aardrian, @federcheese, @fossheim, @mgifford, @onsman, @johnallsopp, @angelikatyborska, @kevinpowell, @theadamsilver, @amberhinds, @MoritzGiessmann, @Kilian, @slightlyoff, @brucelawson, @tink, @Jayhoffmann, @bkardell, @chriscoyier, 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
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
Um, so I'll need a sighted person for this, but could someone look at my blog's home page & let me know how it looks, please? I was trying for a certain background/color scheme vibe & need to know if things look screwy. blindsquatch.me #WebDesign #Background #ColorScheme #A11Y #Accessibility #Blind #AskFedi
Accessibility Courses from Teach Access! teachaccess.org/accessibility-… "These free, self-paced courses for educators provide an introduction to disability and the principles of accessible design across various disciplines" #a11y #webdev #webdevelopment #webdesign #accessibility
But Why?? A look at common patterns found on the web, how they are harmful for accessibility, and what to do instead. noti.st/melsumner/7dgask/slide… Slides by @melaniersumner from EmberFest in September 2024. #webdev #webdesign #a11y #uiDesign #uxDesign
