Search
Items tagged with: WebDesign
https://adhoc.team/2023/02/22/the-importance-of-adding-accessibility-design-reviews-to-the-design-process/
#a11y #uidesign #webdesign
Today's Web Design Update:https://groups.google.com/a/d.umn.edu/g/webdev/c/3KPqMP0XBAU Subscribe info: https://www.d.umn.edu/itss/training/online/webdesign/webdev_listserv.html#subscribe #Accessibility #A11y #WebDesign
Featuring @SteveFaulkner, @LFLegal, @MerylEvans, @knowbility, @aardrian, @chriscoyier, @shadeed9, @schalkneethling, @vitalyf, @codepo8, @theadamsilver, @michelle, @cferdinandi, 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
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
Today's Web Design Update: https://groups.google.com/a/d.umn.edu/g/webdev/c/TEy9h8qt0lU Subscribe info: https://www.d.umn.edu/itss/training/online/webdesign/webdev_listserv.html#subscribe #Accessibility #A11y #WebDesign
Featuring @lloydi, @mgifford, @aardrian, @SteveFaulkner, @ericwbailey, @bw, @dboudreau, @dequesystems, @5t3ph, @Kilian, @chriscoyier, @j9t, @robin, @theadamsilver, @scottjehl, @adactio, @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
Meeting WCAG Level AAA - TetraLogical
Accessibility consultancy with a focus on inclusion. We can help you with knowledge, experience, strategy, assessments, and development.TetraLogical
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
Today's Web Design Update: https://groups.google.com/a/d.umn.edu/g/webdev/c/58HFhARfRWU Subscribe info: https://www.d.umn.edu/itss/training/online/webdesign/webdev_listserv.html#subscribe #Accessibility #A11y #WebDesign
Featuring @MerylEvans, @wai, @SteveFaulkner, @aardrian, @matuzo, @a11ytalks, @knowbility, @michelle, @cferdinandi, @chriscoyier, @mgifford, @w3c, @codepo8,@vitalyf, @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
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)
Writing even more CSS with Accessibility in Mind, Part 2: Respecting user preferences
Users change browser or OS settings to improve their experiences for a reason. We should respect these decisions by writing CSS.Writing even more CSS with Accessibility in Mind, Part 2: Respecting user preferences
Overlapping interactive areas
When an interactive element like a button, link, and form field sits on top of another interactive element, accessibility (and usability) problems arise.tempertemper
Please Disable JavaScript To View This Site from @heydon
#WebDev #FrontEnd #JavaScript #WebDesign
Heydon Pickering: Please Disable JavaScript To View This Site
This one time, I made people turn off JavaScript in their browser to view my site's content. In this talk, you will discover all the different ways this deep...YouTube
Hidde de Vries - Shifting left, or: making accessibility easier by doing it earlier
Hidde de Vries' talk from State of the Browser 2022https://2022.stateofthebrowser.com/speaker/hidde-de-vries/YouTube
An Introduction to the Reduced Motion Media Query | CSS-Tricks
The open web's success is built on interoperable technologies. The ability to control animation now exists alongside important features such as zoomingEric Bailey (CSS-Tricks)
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
https://stephaniewalter.design/blog/accessibility-resources-tools-articles-books-for-designer/
#UIDesign #WebDesign #a11y #design #uxDesign
Accessibility for designer: where do I start? by Stéphanie Walter - UX Researcher & Designer.
A big list of resources, articles, blog posts, and checklists to help you, designers, get started on your “building more accessible products” journey.Stéphanie Walter (Stéphanie Walter - Senior UX Designer, Mobile Expert, Conference Speaker, Blog writer and Teacher.)
Featuring @yatil, @foiworkshop, @aardrian, @lloydi, @dennisl, @zachleat, @cferdinandi, @hdv, @codepo8, @matuzo, @homer, 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
Making the GOV.UK Frontend typography scale more accessible
We believe in working in the open. This blog is for designers across government to share their projects, ideas and concepts, or just to think out loud.designnotes.blog.gov.uk
9 Website Redesign Mistakes that Destroy SEO | 3.7 Designs
Not getting enough traffic, conversions, or other online digital results you’re expecting? A fresh new look can do wonders for your brand’s online presence, the user experience, and even SEO.Ross Johnson (3.7 Designs, LLC)
Disabling a link | scottohara.me
With HTML alone there is no way to disable a hyperlink (an element), and have it be both exposed as a “link” and as “disabled”. Now, setting ...www.scottohara.me
A beginner's guide to link and text accessibility - Pope Tech Blog
Learn how to create accessible links and text in your web content.Whitney Lewis (Pope Tech Blog)
Structuring Accessible Forms
Forms have a strong semantic structure from labeling controls to ensuring the states of controls are announced by assistive technology. We look at the basics...YouTube
A valuable peek into their principles, testing methods, prioritisation, etc. #a11y #strategy #prodmgmt #webdesign
Accessibility strategy – GOV.UK Design System
Outlines the current principles and work needed to improve the accessibility of the GOV.UK Design Systemdesign-system.service.gov.uk
Designing With Reduced Motion For Motion Sensitivities — Smashing Magazine
Thanks to the wide support of the prefers-reduced-motion-media feature, we now have more advanced ways to design motion that can be creative and innovative while also being safer for those with motion sensitivities.Smashing Magazine
Featuring @siblingpastry, hdv@front-end.social, @aardrian, @iheni, @dennisl, @WebAxe, @MerylEvans, @andy, @Kilian, @chriscoyier, @mgifford, @css__cafe@mastodon, @tink, @matthiasott, @matuzo, @Austingil, @cferdinandi, @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
What’s the right font size in web design? - Pimp my Type
If you want your text to be read, set it at a sufficient size! But what is a good font size, and how can you apply it in your web or app design? This article and video has answerers for you with some practical examples focused on body text in respons…Oliver (Pimp my Type)
https://www.webaxe.org/we-dont-need-visually-hidden/
#webdev #webdesign #a11y #css
https://adrianroselli.com/2019/06/link-disclosure-widget-navigation.html by @aardrian #webdev #webdesign #ixd #a11y
Link + Disclosure Widget Navigation
Early in 2017 I filed an issue against WAI-ARIA Authoring Practices (APG) requesting a change to the menu navigation pattern. Despite a great deal of feedback in agreement, it languished.Adrian Roselli